@doyourjob/gravity-ui-page-constructor 5.31.153 → 5.31.155

package/build/cjs/blocks/Media/Media.js

@@ -25,7 +25,7 @@ const MediaBlock = (props) => {
     });
     return (react_1.default.createElement(MediaBase_1.default, Object.assign({}, props, { onScroll: () => setPlay(true) }),
         react_1.default.createElement(MediaBase_1.default.Card, null,
-            react_1.default.createElement(Media_1.default, Object.assign({ imageClassName: b('image') }, mediaWithMicrodata, { playVideo: play, className: b({ border: borderSelected }) })))));
+            react_1.default.createElement(Media_1.default, Object.assign({ imageClassName: b('image') }, mediaWithMicrodata, { playVideo: play, animated: props.animated, className: b({ border: borderSelected }) })))));
 };
 exports.MediaBlock = MediaBlock;
 exports.default = exports.MediaBlock;

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

@@ -0,0 +1,3 @@
+import { ResourceHubPostsBlockProps } from '../../models';
+export declare const ResourceHubPostsBlock: ({ image, title }: ResourceHubPostsBlockProps) => JSX.Element;
+export default ResourceHubPostsBlock;

package/build/cjs/blocks/ResourceHubPosts/ResourceHubPosts.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResourceHubPostsBlock = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const FeedHeader_1 = tslib_1.__importDefault(require("../../components/FeedHeader/FeedHeader"));
+const ResourceHubPostsSection_1 = tslib_1.__importDefault(require("./ResourceHubPostsSection/ResourceHubPostsSection"));
+const ResourceHubPostsBlock = ({ image, title }) => (react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement(FeedHeader_1.default, { image: image, title: title }),
+    react_1.default.createElement(ResourceHubPostsSection_1.default, null)));
+exports.ResourceHubPostsBlock = ResourceHubPostsBlock;
+exports.default = exports.ResourceHubPostsBlock;

package/build/cjs/blocks/ResourceHubPosts/ResourceHubPostsSection/ResourceHubPostsSection.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ResourceHubPostsSection: () => JSX.Element | null;
+declare const _default: React.MemoExoticComponent<() => JSX.Element | null>;
+export default _default;

package/build/cjs/blocks/ResourceHubPosts/ResourceHubPostsSection/ResourceHubPostsSection.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResourceHubPostsSection = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const __1 = require("../..");
+const components_1 = require("../../../components");
+const resourceHubPostsContext_1 = require("../../../context/resourceHubPostsContext");
+const models_1 = require("../../../models");
+const PostCard_1 = tslib_1.__importDefault(require("../../../sub-blocks/PostCard/PostCard"));
+const utils_1 = require("../../../utils");
+const b = (0, utils_1.block)('resource-hub-posts-section');
+const colSizes = {
+    all: 12,
+    lg: 4,
+    md: 6,
+};
+const ResourceHubPostsSection = () => {
+    const { posts, page, pageSize, onLoadMore } = (0, react_1.useContext)(resourceHubPostsContext_1.ResourceHubPostsContext);
+    const itemsToShow = posts.slice(0, page * pageSize);
+    const hasMore = page < Math.ceil(posts.length / pageSize);
+    if (posts.length === 0) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: b() },
+        "Hello",
+        react_1.default.createElement(__1.CardLayoutBlock, { className: b('wrap'), colSizes: colSizes }, itemsToShow.map((item) => (react_1.default.createElement(PostCard_1.default, Object.assign({ key: item.slug }, item, { showTag: true, titleHeadingLevel: models_1.PostCardTitleHeadingLevel.H2 }))))),
+        react_1.default.createElement(components_1.InfiniteScroll, { hasMore: hasMore, onNext: onLoadMore })));
+};
+exports.ResourceHubPostsSection = ResourceHubPostsSection;
+exports.default = react_1.default.memo(exports.ResourceHubPostsSection);

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

@@ -0,0 +1,18 @@
+export declare const ResourceHubPostsBlock: {
+    'resource-hub-posts-block': {
+        additionalProperties: boolean;
+        required: never[];
+        properties: {
+            title: {
+                type: string;
+            };
+            image: {
+                type: string;
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResourceHubPostsBlock = void 0;
+const common_1 = require("./../../schema/validators/common");
+exports.ResourceHubPostsBlock = {
+    'resource-hub-posts-block': {
+        additionalProperties: false,
+        required: [],
+        properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
+                type: 'string',
+            }, image: {
+                type: 'string',
+            } }),
+    },
+};

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

@@ -37,6 +37,7 @@ export { default as ReportsSectionsBlock } from './ReportsSections/ReportsSectio
 export { default as FormWallBlock } from './FormWallBlock/FormWallBlock';
 export { default as LinkTableBlock } from './LinkTable/LinkTable';
 export { default as EventsFeedBlock } from './EventsFeed/EventsFeed';
+export { default as ResourceHubPostsBlock } from './ResourceHubPosts/ResourceHubPosts';
 export { default as EventsSectionBlock } from './EventsSection/EventsSection';
 export { default as BlogFeedBlock } from './BlogFeed/BlogFeed';
 export { default as RelevantPostsBlock } from './RelevantPosts/RelevantPosts';

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.BannerMinifyBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderMinifyBlock = exports.HeaderBlock = exports.TabLinksBlock = exports.TabsHighlightTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.ScrollerBlock = exports.BenefitsBlock = 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.ResourceHubPostsBlock = 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.BannerMinifyBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderMinifyBlock = exports.HeaderBlock = exports.TabLinksBlock = exports.TabsHighlightTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.ScrollerBlock = exports.BenefitsBlock = 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");
@@ -82,6 +82,8 @@ var LinkTable_1 = require("./LinkTable/LinkTable");
 Object.defineProperty(exports, "LinkTableBlock", { enumerable: true, get: function () { return __importDefault(LinkTable_1).default; } });
 var EventsFeed_1 = require("./EventsFeed/EventsFeed");
 Object.defineProperty(exports, "EventsFeedBlock", { enumerable: true, get: function () { return __importDefault(EventsFeed_1).default; } });
+var ResourceHubPosts_1 = require("./ResourceHubPosts/ResourceHubPosts");
+Object.defineProperty(exports, "ResourceHubPostsBlock", { enumerable: true, get: function () { return __importDefault(ResourceHubPosts_1).default; } });
 var EventsSection_1 = require("./EventsSection/EventsSection");
 Object.defineProperty(exports, "EventsSectionBlock", { enumerable: true, get: function () { return __importDefault(EventsSection_1).default; } });
 var BlogFeed_1 = require("./BlogFeed/BlogFeed");

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

@@ -18,3 +18,4 @@ export * from './Slider/schema';
 export * from './Table/schema';
 export * from './Share/schema';
 export * from './MarqueeLinks/schema';
+export * from './ResourceHubPosts/schema';

package/build/cjs/blocks/validators.js

@@ -21,3 +21,4 @@ tslib_1.__exportStar(require("./Slider/schema"), exports);
 tslib_1.__exportStar(require("./Table/schema"), exports);
 tslib_1.__exportStar(require("./Share/schema"), exports);
 tslib_1.__exportStar(require("./MarqueeLinks/schema"), exports);
+tslib_1.__exportStar(require("./ResourceHubPosts/schema"), exports);

package/build/cjs/components/Media/Image/Image.d.ts

@@ -1,5 +1,5 @@
-import { MediaComponentImageProps, QAProps } from '../../../models';
-export interface ImageAdditionProps {
+import { Animatable, MediaComponentImageProps, QAProps } from '../../../models';
+export interface ImageAdditionProps extends Animatable {
     imageClassName?: string;
     isBackground?: boolean;
     fullscreen?: boolean;

package/build/cjs/components/Media/Image/Image.js

@@ -15,7 +15,7 @@ const utils_2 = require("./utils");
 const b = (0, utils_1.block)('media-component-image');
 exports.defaultAnimatedDivQa = 'animated-div';
 const Image = (props) => {
-    const { parallax, height, imageClassName, isBackground, hasVideoFallback, video, fullscreen, disableImageSliderForArrayInput, qa, onLoad, } = props;
+    const { animated, parallax, height, imageClassName, isBackground, hasVideoFallback, video, fullscreen, disableImageSliderForArrayInput, qa, onLoad, } = props;
     const image = Array.isArray(props.image) && disableImageSliderForArrayInput
         ? props.image[0]
         : props.image;
@@ -56,7 +56,7 @@ const Image = (props) => {
     };
     const imageSlider = (imageArray) => {
         const fullscreenItem = fullscreen === undefined || fullscreen;
-        return (react_1.default.createElement(Slider_1.default, { slidesToShow: 1, type: models_1.SliderType.MediaCard }, imageArray.map((item, index) => (react_1.default.createElement(react_1.Fragment, { key: index }, fullscreenItem ? renderFullscreenImage(item) : imageOnly(item))))));
+        return (react_1.default.createElement(Slider_1.default, { slidesToShow: 1, type: models_1.SliderType.MediaCard, animated: animated }, imageArray.map((item, index) => (react_1.default.createElement(react_1.Fragment, { key: index }, fullscreenItem ? renderFullscreenImage(item) : imageOnly(item))))));
     };
     if (Array.isArray(image)) {
         return imageSlider(image);

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

@@ -1,7 +1,7 @@
-import { MediaProps, QAProps } from '../../models';
+import { Animatable, MediaProps, QAProps } from '../../models';
 import { ImageAdditionProps } from './Image/Image';
 import { VideoAdditionProps } from './Video/Video';
-export interface MediaAllProps extends MediaProps, VideoAdditionProps, ImageAdditionProps, QAProps {
+export interface MediaAllProps extends Animatable, MediaProps, VideoAdditionProps, ImageAdditionProps, QAProps {
     className?: string;
     youtubeClassName?: string;
     autoplay?: boolean;

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

@@ -14,14 +14,14 @@ const Image_1 = tslib_1.__importDefault(require("./Image/Image"));
 const Video_1 = tslib_1.__importDefault(require("./Video/Video"));
 const b = (0, utils_1.block)('Media');
 const Media = (props) => {
-    const { image, video, youtube, videoIframe, dataLens, color, height, previewImg, parallax = false, fullscreen, analyticsEvents, className, imageClassName, videoClassName, youtubeClassName, disableImageSliderForArrayInput, playVideo = true, isBackground, playButton, customBarControlsClassName, qa, ratio, autoplay, onImageLoad, iframe, margins, videoMicrodata, } = props;
+    const { animated, image, video, youtube, videoIframe, dataLens, color, height, previewImg, parallax = false, fullscreen, analyticsEvents, className, imageClassName, videoClassName, youtubeClassName, disableImageSliderForArrayInput, playVideo = true, isBackground, playButton, customBarControlsClassName, qa, ratio, autoplay, onImageLoad, iframe, margins, videoMicrodata, } = props;
     const [hasVideoFallback, setHasVideoFallback] = (0, react_1.useState)(false);
     const { microdata } = (0, react_1.useContext)(innerContext_1.InnerContext);
     const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, 'video');
     const content = (0, react_1.useMemo)(() => {
         let result = [];
         if (image) {
-            result.push(react_1.default.createElement(Image_1.default, { key: "image", parallax: parallax, image: image, disableImageSliderForArrayInput: disableImageSliderForArrayInput, height: height, imageClassName: imageClassName, isBackground: isBackground, video: video, hasVideoFallback: hasVideoFallback, fullscreen: fullscreen, qa: qaAttributes.image, onLoad: onImageLoad }));
+            result.push(react_1.default.createElement(Image_1.default, { key: "image", parallax: parallax, image: image, disableImageSliderForArrayInput: disableImageSliderForArrayInput, height: height, imageClassName: imageClassName, isBackground: isBackground, video: video, hasVideoFallback: hasVideoFallback, fullscreen: fullscreen, qa: qaAttributes.image, onLoad: onImageLoad, animated: animated }));
         }
         if (video) {
             const videoProps = {
@@ -58,8 +58,8 @@ const Media = (props) => {
     }, [
         image,
         video,
-        videoIframe,
         youtube,
+        videoIframe,
         dataLens,
         iframe,
         parallax,
@@ -72,6 +72,7 @@ const Media = (props) => {
         qaAttributes.image,
         qaAttributes.video,
         onImageLoad,
+        animated,
         videoClassName,
         analyticsEvents,
         playVideo,

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

@@ -30,6 +30,7 @@ export declare const blockMap: {
     "marquee-links-block": ({ animated, title, description, textAlign, speed, items, }: import("./models").MarqueeLinksBlockProps) => JSX.Element | null;
     "solutions-block": ({ animated }: import("./models").SolutionsBlockProps) => JSX.Element;
     "events-feed-block": ({ image, title }: import("./models").EventsFeedBlockProps) => JSX.Element;
+    "resource-hub-posts-block": ({ image, title }: import("./models").ResourceHubPostsBlockProps) => JSX.Element;
     "benchmark-block": import("react").FC<import("./models").BenchmarkBlockProps>;
     "events-section-block": ({ typeKey, title, label, empty }: import("./models").EventsSectionBlockProps) => JSX.Element;
     "blog-feed-block": ({ image, title }: import("./models").BlogFeedBlockProps) => JSX.Element;

package/build/cjs/constructor-items.js

@@ -39,6 +39,7 @@ exports.blockMap = {
     [models_1.BlockType.MarqueeLinksBlock]: blocks_1.MarqueeLinksBlock,
     [models_1.BlockType.SolutionsBlock]: blocks_1.SolutionsBlock,
     [models_1.BlockType.EventsFeedBlock]: blocks_1.EventsFeedBlock,
+    [models_1.BlockType.ResourceHubPostsBlock]: blocks_1.ResourceHubPostsBlock,
     [models_1.BlockType.BenchmarkBlock]: blocks_1.BenchmarkBlock,
     [models_1.BlockType.EventsSectionBlock]: blocks_1.EventsSectionBlock,
     [models_1.BlockType.BlogFeedBlock]: blocks_1.BlogFeedBlock,

package/build/cjs/context/resourceHubPostsContext/ResourceHubPostsContext.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export type ResourceHubPostsData = {
+    date: string;
+    description?: string;
+    image: string;
+    readingTime?: number;
+    slug: string;
+    tags: {
+        slug: string;
+        name: string;
+    }[];
+    title: string;
+    url: string;
+};
+export interface ResourceHubPostsContextProps {
+    posts: ResourceHubPostsData[];
+    page: number;
+    pageSize: number;
+    onLoadMore?: () => void;
+}
+export declare const ResourceHubPostsContext: React.Context<ResourceHubPostsContextProps>;

package/build/cjs/context/resourceHubPostsContext/ResourceHubPostsContext.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResourceHubPostsContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.ResourceHubPostsContext = react_1.default.createContext({
+    posts: [],
+    page: 1,
+    pageSize: 6,
+    onLoadMore: () => { },
+});

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

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

package/build/cjs/context/resourceHubPostsContext/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ResourceHubPostsContext"), exports);

package/build/cjs/index.d.ts

@@ -16,6 +16,7 @@ export * from './context/reportsCardsContext';
 export * from './context/reportsSectionsContext';
 export * from './context/miniCaseContext';
 export * from './context/visibilityFiltersContext';
+export * from './context/resourceHubPostsContext';
 export * from './containers/PageConstructor';
 export * from './grid';
 export * from './blocks';

package/build/cjs/index.js

@@ -21,6 +21,7 @@ tslib_1.__exportStar(require("./context/reportsCardsContext"), exports);
 tslib_1.__exportStar(require("./context/reportsSectionsContext"), exports);
 tslib_1.__exportStar(require("./context/miniCaseContext"), exports);
 tslib_1.__exportStar(require("./context/visibilityFiltersContext"), exports);
+tslib_1.__exportStar(require("./context/resourceHubPostsContext"), exports);
 tslib_1.__exportStar(require("./containers/PageConstructor"), exports);
 tslib_1.__exportStar(require("./grid"), exports);
 tslib_1.__exportStar(require("./blocks"), exports);

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

@@ -44,6 +44,7 @@ export declare enum BlockType {
     FormWallBlock = "form-wall-block",
     LinkTableBlock = "link-table-block",
     EventsFeedBlock = "events-feed-block",
+    ResourceHubPostsBlock = "resource-hub-posts-block",
     EventsSectionBlock = "events-section-block",
     BlogFeedBlock = "blog-feed-block",
     RelevantPostsBlock = "relevant-posts-block",
@@ -470,19 +471,21 @@ export interface ServicesBlockProps {
     title?: string;
     serviceLinkType?: 'doc' | 'price';
 }
-export interface EventsFeedBlockProps {
+export interface BaseFeedProps {
     image?: string;
     title?: string;
 }
+export interface EventsFeedBlockProps extends BaseFeedProps {
+}
+export interface ResourceHubPostsBlockProps extends BaseFeedProps {
+}
 export interface EventsSectionBlockProps {
     typeKey: string;
     title?: TitleItemProps | string;
     label?: TagProps;
     empty?: string;
 }
-export interface BlogFeedBlockProps {
-    image?: string;
-    title?: string;
+export interface BlogFeedBlockProps extends BaseFeedProps {
 }
 export interface RelevantPostsBlockProps {
     title?: TitleItemProps | string;
@@ -838,6 +841,9 @@ export type ServicesBlockModel = {
 export type EventsFeedBlockModel = {
     type: BlockType.EventsFeedBlock;
 } & EventsFeedBlockProps;
+export type ResourceHubPostsBlockModel = {
+    type: BlockType.ResourceHubPostsBlock;
+} & ResourceHubPostsBlockProps;
 export type BenchmarkBlockModel = {
     type: BlockType.BenchmarkBlock;
 } & BenchmarkBlockProps;
@@ -865,6 +871,6 @@ export type FormWallBlockModel = {
 export type SliderNewBlockModel = {
     type: BlockType.SliderNewBlock;
 } & SliderNewProps;
-type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | LogoRotatorBlockModel | AdvantagesBlockModel | BenefitsBlockModel | ScrollerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | HighlightTableBlockModel | MiniCaseBlockModel | TabsBlockModel | TabsHighlightTableBlockModel | TabLinksBlockModel | HeaderBlockModel | HeaderMinifyBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | BannerMinifyBlockModel | 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 | BenefitsBlockModel | ScrollerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | HighlightTableBlockModel | MiniCaseBlockModel | TabsBlockModel | TabsHighlightTableBlockModel | TabLinksBlockModel | HeaderBlockModel | HeaderMinifyBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | BannerMinifyBlockModel | ShareBLockModel | FilterBlockModel | FilterCardLayoutBlockModel | FormBlockModel | MarqueeLinksBlockModel | SolutionsBlockModel | ServicesBlockModel | QuotesBlockModel | ReportsBlockModel | ReportsCardsBlockModel | ReportsSectionsBlockModel | LinkTableBlockModel | EventsFeedBlockModel | ResourceHubPostsBlockModel | BenchmarkBlockModel | EventsSectionBlockModel | BlogFeedBlockModel | RelevantPostsBlockModel | RelevantReportsCardsBlockModel | RelevantReportsBlockModel | PressReleasesBlockModel | FormWallBlockModel | SliderNewBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

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

@@ -41,6 +41,7 @@ var BlockType;
     BlockType["FormWallBlock"] = "form-wall-block";
     BlockType["LinkTableBlock"] = "link-table-block";
     BlockType["EventsFeedBlock"] = "events-feed-block";
+    BlockType["ResourceHubPostsBlock"] = "resource-hub-posts-block";
     BlockType["EventsSectionBlock"] = "events-section-block";
     BlockType["BlogFeedBlock"] = "blog-feed-block";
     BlockType["RelevantPostsBlock"] = "relevant-posts-block";

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(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.AdvantagesBlock), blocks_1.BenefitsBlock), blocks_1.ScrollerBlock), 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.BannerMinifyBlock), 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(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.AdvantagesBlock), blocks_1.BenefitsBlock), blocks_1.ScrollerBlock), 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.BannerMinifyBlock), 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.ResourceHubPostsBlock), 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',
@@ -46,6 +46,7 @@ exports.constructorBlockSchemaNames = [
     'reports-sections-block',
     'link-table-block',
     'events-feed-block',
+    'resource-hub-posts-block',
     'events-section-block',
     'blog-feed-block',
     'highlight-table-block',

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

@@ -34,6 +34,7 @@ export * from '../../blocks/ReportsCards/schema';
 export * from '../../blocks/ReportsSections/schema';
 export * from '../../blocks/LinkTable/schema';
 export * from '../../blocks/EventsFeed/schema';
+export * from '../../blocks/ResourceHubPosts/schema';
 export * from '../../blocks/EventsSection/schema';
 export * from '../../blocks/BlogFeed/schema';
 export * from '../../blocks/RelevantPosts/schema';

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

@@ -37,6 +37,7 @@ tslib_1.__exportStar(require("../../blocks/ReportsCards/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/ReportsSections/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/LinkTable/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/EventsFeed/schema"), exports);
+tslib_1.__exportStar(require("../../blocks/ResourceHubPosts/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/EventsSection/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/BlogFeed/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/RelevantPosts/schema"), exports);

package/build/esm/blocks/Media/Media.js

@@ -22,6 +22,6 @@ export const MediaBlock = (props) => {
     });
     return (React.createElement(MediaBase, Object.assign({}, props, { onScroll: () => setPlay(true) }),
         React.createElement(MediaBase.Card, null,
-            React.createElement(Media, Object.assign({ imageClassName: b('image') }, mediaWithMicrodata, { playVideo: play, className: b({ border: borderSelected }) })))));
+            React.createElement(Media, Object.assign({ imageClassName: b('image') }, mediaWithMicrodata, { playVideo: play, animated: props.animated, className: b({ border: borderSelected }) })))));
 };
 export default MediaBlock;

package/build/esm/blocks/ResourceHubPosts/ResourceHubPosts.d.ts

@@ -0,0 +1,3 @@
+import { ResourceHubPostsBlockProps } from '../../models';
+export declare const ResourceHubPostsBlock: ({ image, title }: ResourceHubPostsBlockProps) => JSX.Element;
+export default ResourceHubPostsBlock;

package/build/esm/blocks/ResourceHubPosts/ResourceHubPosts.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import FeedHeader from '../../components/FeedHeader/FeedHeader';
+import ResourceHubPostsSection from './ResourceHubPostsSection/ResourceHubPostsSection';
+export const ResourceHubPostsBlock = ({ image, title }) => (React.createElement(React.Fragment, null,
+    React.createElement(FeedHeader, { image: image, title: title }),
+    React.createElement(ResourceHubPostsSection, null)));
+export default ResourceHubPostsBlock;

package/build/esm/blocks/ResourceHubPosts/ResourceHubPostsSection/ResourceHubPostsSection.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ResourceHubPostsSection: () => JSX.Element | null;
+declare const _default: React.MemoExoticComponent<() => JSX.Element | null>;
+export default _default;

package/build/esm/blocks/ResourceHubPosts/ResourceHubPostsSection/ResourceHubPostsSection.js

@@ -0,0 +1,26 @@
+import React, { useContext } from 'react';
+import { CardLayoutBlock } from '../..';
+import { InfiniteScroll } from '../../../components';
+import { ResourceHubPostsContext } from '../../../context/resourceHubPostsContext';
+import { PostCardTitleHeadingLevel } from '../../../models';
+import PostCard from '../../../sub-blocks/PostCard/PostCard';
+import { block } from '../../../utils';
+const b = block('resource-hub-posts-section');
+const colSizes = {
+    all: 12,
+    lg: 4,
+    md: 6,
+};
+export const ResourceHubPostsSection = () => {
+    const { posts, page, pageSize, onLoadMore } = useContext(ResourceHubPostsContext);
+    const itemsToShow = posts.slice(0, page * pageSize);
+    const hasMore = page < Math.ceil(posts.length / pageSize);
+    if (posts.length === 0) {
+        return null;
+    }
+    return (React.createElement("div", { className: b() },
+        "Hello",
+        React.createElement(CardLayoutBlock, { className: b('wrap'), colSizes: colSizes }, itemsToShow.map((item) => (React.createElement(PostCard, Object.assign({ key: item.slug }, item, { showTag: true, titleHeadingLevel: PostCardTitleHeadingLevel.H2 }))))),
+        React.createElement(InfiniteScroll, { hasMore: hasMore, onNext: onLoadMore })));
+};
+export default React.memo(ResourceHubPostsSection);

package/build/esm/blocks/ResourceHubPosts/schema.d.ts

@@ -0,0 +1,18 @@
+export declare const ResourceHubPostsBlock: {
+    'resource-hub-posts-block': {
+        additionalProperties: boolean;
+        required: never[];
+        properties: {
+            title: {
+                type: string;
+            };
+            image: {
+                type: string;
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

package/build/esm/blocks/ResourceHubPosts/schema.js

@@ -0,0 +1,12 @@
+import { BaseProps } from './../../schema/validators/common';
+export const ResourceHubPostsBlock = {
+    'resource-hub-posts-block': {
+        additionalProperties: false,
+        required: [],
+        properties: Object.assign(Object.assign({}, BaseProps), { title: {
+                type: 'string',
+            }, image: {
+                type: 'string',
+            } }),
+    },
+};

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

@@ -37,6 +37,7 @@ export { default as ReportsSectionsBlock } from './ReportsSections/ReportsSectio
 export { default as FormWallBlock } from './FormWallBlock/FormWallBlock';
 export { default as LinkTableBlock } from './LinkTable/LinkTable';
 export { default as EventsFeedBlock } from './EventsFeed/EventsFeed';
+export { default as ResourceHubPostsBlock } from './ResourceHubPosts/ResourceHubPosts';
 export { default as EventsSectionBlock } from './EventsSection/EventsSection';
 export { default as BlogFeedBlock } from './BlogFeed/BlogFeed';
 export { default as RelevantPostsBlock } from './RelevantPosts/RelevantPosts';

package/build/esm/blocks/index.js

@@ -37,6 +37,7 @@ export { default as ReportsSectionsBlock } from './ReportsSections/ReportsSectio
 export { default as FormWallBlock } from './FormWallBlock/FormWallBlock';
 export { default as LinkTableBlock } from './LinkTable/LinkTable';
 export { default as EventsFeedBlock } from './EventsFeed/EventsFeed';
+export { default as ResourceHubPostsBlock } from './ResourceHubPosts/ResourceHubPosts';
 export { default as EventsSectionBlock } from './EventsSection/EventsSection';
 export { default as BlogFeedBlock } from './BlogFeed/BlogFeed';
 export { default as RelevantPostsBlock } from './RelevantPosts/RelevantPosts';

package/build/esm/blocks/validators.d.ts

@@ -18,3 +18,4 @@ export * from './Slider/schema';
 export * from './Table/schema';
 export * from './Share/schema';
 export * from './MarqueeLinks/schema';
+export * from './ResourceHubPosts/schema';

package/build/esm/blocks/validators.js

@@ -18,3 +18,4 @@ export * from './Slider/schema';
 export * from './Table/schema';
 export * from './Share/schema';
 export * from './MarqueeLinks/schema';
+export * from './ResourceHubPosts/schema';

package/build/esm/components/Media/Image/Image.d.ts

@@ -1,6 +1,6 @@
-import { MediaComponentImageProps, QAProps } from '../../../models';
+import { Animatable, MediaComponentImageProps, QAProps } from '../../../models';
 import './Image.css';
-export interface ImageAdditionProps {
+export interface ImageAdditionProps extends Animatable {
     imageClassName?: string;
     isBackground?: boolean;
     fullscreen?: boolean;

package/build/esm/components/Media/Image/Image.js

@@ -1,8 +1,8 @@
 import React, { Fragment, useEffect, useState } from 'react';
-import { animated, config, useSpring } from '@react-spring/web';
+import { animated as Animated, config, useSpring } from '@react-spring/web';
 import debounce from 'lodash/debounce';
 import SliderBlock from '../../../blocks/Slider/Slider';
-import { SliderType } from '../../../models';
+import { SliderType, } from '../../../models';
 import { block, getQaAttrubutes } from '../../../utils';
 import BackgroundImage from '../../BackgroundImage/BackgroundImage';
 import FullscreenImage from '../../FullscreenImage/FullscreenImage';
@@ -12,7 +12,7 @@ import './Image.css';
 const b = block('media-component-image');
 export const defaultAnimatedDivQa = 'animated-div';
 const Image = (props) => {
-    const { parallax, height, imageClassName, isBackground, hasVideoFallback, video, fullscreen, disableImageSliderForArrayInput, qa, onLoad, } = props;
+    const { animated, parallax, height, imageClassName, isBackground, hasVideoFallback, video, fullscreen, disableImageSliderForArrayInput, qa, onLoad, } = props;
     const image = Array.isArray(props.image) && disableImageSliderForArrayInput
         ? props.image[0]
         : props.image;
@@ -44,7 +44,7 @@ const Image = (props) => {
     };
     const imageBackground = (oneImage) => {
         const imageData = getMediaImage(oneImage);
-        return (React.createElement(animated.div, { style: { transform: parallaxInterpolate }, "data-qa": qaAttributes.animate },
+        return (React.createElement(Animated.div, { style: { transform: parallaxInterpolate }, "data-qa": qaAttributes.animate },
             React.createElement(BackgroundImage, Object.assign({}, imageData, { className: imageClass, style: { height }, qa: qaAttributes.backgroundImage }))));
     };
     const imageOnly = (oneImage) => {
@@ -53,7 +53,7 @@ const Image = (props) => {
     };
     const imageSlider = (imageArray) => {
         const fullscreenItem = fullscreen === undefined || fullscreen;
-        return (React.createElement(SliderBlock, { slidesToShow: 1, type: SliderType.MediaCard }, imageArray.map((item, index) => (React.createElement(Fragment, { key: index }, fullscreenItem ? renderFullscreenImage(item) : imageOnly(item))))));
+        return (React.createElement(SliderBlock, { slidesToShow: 1, type: SliderType.MediaCard, animated: animated }, imageArray.map((item, index) => (React.createElement(Fragment, { key: index }, fullscreenItem ? renderFullscreenImage(item) : imageOnly(item))))));
     };
     if (Array.isArray(image)) {
         return imageSlider(image);

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

@@ -1,8 +1,8 @@
-import { MediaProps, QAProps } from '../../models';
+import { Animatable, MediaProps, QAProps } from '../../models';
 import { ImageAdditionProps } from './Image/Image';
 import { VideoAdditionProps } from './Video/Video';
 import './Media.css';
-export interface MediaAllProps extends MediaProps, VideoAdditionProps, ImageAdditionProps, QAProps {
+export interface MediaAllProps extends Animatable, MediaProps, VideoAdditionProps, ImageAdditionProps, QAProps {
     className?: string;
     youtubeClassName?: string;
     autoplay?: boolean;