@doyourjob/gravity-ui-page-constructor 5.31.203 → 5.31.205
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/blocks/BlogFeed/BlogFeed.d.ts +1 -1
- package/build/cjs/blocks/BlogFeed/BlogFeed.js +2 -2
- package/build/cjs/blocks/BlogFeed/schema.d.ts +3 -0
- package/build/cjs/blocks/BlogFeed/schema.js +2 -0
- package/build/cjs/blocks/EventsFeed/EventsFeed.d.ts +1 -1
- package/build/cjs/blocks/EventsFeed/EventsFeed.js +2 -2
- package/build/cjs/blocks/EventsFeed/schema.d.ts +3 -0
- package/build/cjs/blocks/EventsFeed/schema.js +2 -0
- package/build/cjs/blocks/PartnersFeed/PartnersFeed.d.ts +1 -1
- package/build/cjs/blocks/PartnersFeed/PartnersFeed.js +2 -2
- package/build/cjs/blocks/PartnersFeed/schema.d.ts +3 -0
- package/build/cjs/blocks/PartnersFeed/schema.js +2 -0
- package/build/cjs/blocks/ResourceHubPosts/ResourceHubPosts.d.ts +1 -1
- package/build/cjs/blocks/ResourceHubPosts/ResourceHubPosts.js +2 -2
- package/build/cjs/blocks/ResourceHubPosts/schema.d.ts +3 -0
- package/build/cjs/blocks/ResourceHubPosts/schema.js +2 -0
- package/build/cjs/components/FeedHeader/Controls/Controls.css +14 -4
- package/build/cjs/components/FeedHeader/Controls/Controls.d.ts +3 -2
- package/build/cjs/components/FeedHeader/Controls/Controls.js +4 -2
- package/build/cjs/components/FeedHeader/FeedHeader.d.ts +2 -2
- package/build/cjs/components/FeedHeader/FeedHeader.js +2 -2
- package/build/cjs/constructor-items.d.ts +5 -4
- package/build/cjs/constructor-items.js +1 -0
- package/build/cjs/models/constructor-items/blocks.d.ts +1 -0
- package/build/cjs/models/constructor-items/sub-blocks.d.ts +10 -1
- package/build/cjs/models/constructor-items/sub-blocks.js +1 -0
- package/build/cjs/schema/constants.d.ts +46 -1
- package/build/cjs/schema/constants.js +2 -1
- package/build/cjs/schema/validators/sub-blocks.d.ts +1 -0
- package/build/cjs/schema/validators/sub-blocks.js +1 -0
- package/build/cjs/sub-blocks/FeedPartner/FeedPartner.css +57 -7
- package/build/cjs/sub-blocks/FeedPartner/FeedPartner.d.ts +1 -1
- package/build/cjs/sub-blocks/FeedPartner/FeedPartner.js +13 -7
- package/build/cjs/sub-blocks/FeedPartner/schema.d.ts +41 -25
- package/build/cjs/sub-blocks/FeedPartner/schema.js +30 -18
- package/build/esm/blocks/BlogFeed/BlogFeed.d.ts +1 -1
- package/build/esm/blocks/BlogFeed/BlogFeed.js +2 -2
- package/build/esm/blocks/BlogFeed/schema.d.ts +3 -0
- package/build/esm/blocks/BlogFeed/schema.js +2 -0
- package/build/esm/blocks/EventsFeed/EventsFeed.d.ts +1 -1
- package/build/esm/blocks/EventsFeed/EventsFeed.js +2 -2
- package/build/esm/blocks/EventsFeed/schema.d.ts +3 -0
- package/build/esm/blocks/EventsFeed/schema.js +2 -0
- package/build/esm/blocks/PartnersFeed/PartnersFeed.d.ts +1 -1
- package/build/esm/blocks/PartnersFeed/PartnersFeed.js +2 -2
- package/build/esm/blocks/PartnersFeed/schema.d.ts +3 -0
- package/build/esm/blocks/PartnersFeed/schema.js +2 -0
- package/build/esm/blocks/ResourceHubPosts/ResourceHubPosts.d.ts +1 -1
- package/build/esm/blocks/ResourceHubPosts/ResourceHubPosts.js +2 -2
- package/build/esm/blocks/ResourceHubPosts/schema.d.ts +3 -0
- package/build/esm/blocks/ResourceHubPosts/schema.js +2 -0
- package/build/esm/components/FeedHeader/Controls/Controls.css +14 -4
- package/build/esm/components/FeedHeader/Controls/Controls.d.ts +3 -2
- package/build/esm/components/FeedHeader/Controls/Controls.js +4 -2
- package/build/esm/components/FeedHeader/FeedHeader.d.ts +2 -2
- package/build/esm/components/FeedHeader/FeedHeader.js +2 -2
- package/build/esm/constructor-items.d.ts +5 -4
- package/build/esm/constructor-items.js +2 -1
- package/build/esm/models/constructor-items/blocks.d.ts +1 -0
- package/build/esm/models/constructor-items/sub-blocks.d.ts +10 -1
- package/build/esm/models/constructor-items/sub-blocks.js +1 -0
- package/build/esm/schema/constants.d.ts +46 -1
- package/build/esm/schema/constants.js +3 -2
- package/build/esm/schema/validators/sub-blocks.d.ts +1 -0
- package/build/esm/schema/validators/sub-blocks.js +1 -0
- package/build/esm/sub-blocks/FeedPartner/FeedPartner.css +57 -7
- package/build/esm/sub-blocks/FeedPartner/FeedPartner.d.ts +1 -1
- package/build/esm/sub-blocks/FeedPartner/FeedPartner.js +14 -8
- package/build/esm/sub-blocks/FeedPartner/schema.d.ts +41 -25
- package/build/esm/sub-blocks/FeedPartner/schema.js +30 -18
- package/package.json +1 -1
- package/schema/index.js +1 -1
- package/server/models/constructor-items/blocks.d.ts +1 -0
- package/server/models/constructor-items/sub-blocks.d.ts +10 -1
- package/server/models/constructor-items/sub-blocks.js +1 -0
- package/widget/index.js +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { BlogFeedBlockProps } from '../../models';
|
|
2
|
-
export declare const BlogFeedBlock: ({ image, title }: BlogFeedBlockProps) => JSX.Element;
|
|
2
|
+
export declare const BlogFeedBlock: ({ image, title, text }: BlogFeedBlockProps) => JSX.Element;
|
|
3
3
|
export default BlogFeedBlock;
|
|
@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
const FeedHeader_1 = tslib_1.__importDefault(require("../../components/FeedHeader/FeedHeader"));
|
|
7
7
|
const BlogFeedPosts_1 = tslib_1.__importDefault(require("./BlogFeedPosts/BlogFeedPosts"));
|
|
8
|
-
const BlogFeedBlock = ({ image, title }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
9
|
-
react_1.default.createElement(FeedHeader_1.default, { image: image, title: title }),
|
|
8
|
+
const BlogFeedBlock = ({ image, title, text }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
9
|
+
react_1.default.createElement(FeedHeader_1.default, { image: image, title: title, text: text }),
|
|
10
10
|
react_1.default.createElement(BlogFeedPosts_1.default, null)));
|
|
11
11
|
exports.BlogFeedBlock = BlogFeedBlock;
|
|
12
12
|
exports.default = exports.BlogFeedBlock;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { EventsFeedBlockProps } from '../../models';
|
|
2
|
-
export declare const EventsFeedBlock: ({ image, title }: EventsFeedBlockProps) => JSX.Element;
|
|
2
|
+
export declare const EventsFeedBlock: ({ image, title, text }: EventsFeedBlockProps) => JSX.Element;
|
|
3
3
|
export default EventsFeedBlock;
|
|
@@ -6,8 +6,8 @@ const react_1 = tslib_1.__importDefault(require("react"));
|
|
|
6
6
|
const FeedHeader_1 = tslib_1.__importDefault(require("../../components/FeedHeader/FeedHeader"));
|
|
7
7
|
const EventsFeedSection_1 = tslib_1.__importDefault(require("./EventsFeedSection/EventsFeedSection"));
|
|
8
8
|
const i18n_1 = require("./i18n");
|
|
9
|
-
const EventsFeedBlock = ({ image, title }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
10
|
-
react_1.default.createElement(FeedHeader_1.default, { image: image, title: title }),
|
|
9
|
+
const EventsFeedBlock = ({ image, title, text }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
10
|
+
react_1.default.createElement(FeedHeader_1.default, { image: image, title: title, text: text }),
|
|
11
11
|
react_1.default.createElement(EventsFeedSection_1.default, { typeKey: "upcoming" }),
|
|
12
12
|
react_1.default.createElement(EventsFeedSection_1.default, { typeKey: "recent", title: (0, i18n_1.i18n)('recent_events') })));
|
|
13
13
|
exports.EventsFeedBlock = EventsFeedBlock;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { EventsFeedBlockProps } from '../../models';
|
|
2
|
-
export declare const PartnersFeedBlock: ({ image, title }: EventsFeedBlockProps) => JSX.Element;
|
|
2
|
+
export declare const PartnersFeedBlock: ({ image, title, text }: EventsFeedBlockProps) => JSX.Element;
|
|
3
3
|
export default PartnersFeedBlock;
|
|
@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
const FeedHeader_1 = tslib_1.__importDefault(require("../../components/FeedHeader/FeedHeader"));
|
|
7
7
|
const PartnersFeedSection_1 = tslib_1.__importDefault(require("./PartnersFeedSection/PartnersFeedSection"));
|
|
8
|
-
const PartnersFeedBlock = ({ image, title }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
9
|
-
react_1.default.createElement(FeedHeader_1.default, { image: image, title: title }),
|
|
8
|
+
const PartnersFeedBlock = ({ image, title, text }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
9
|
+
react_1.default.createElement(FeedHeader_1.default, { image: image, title: title, text: text }),
|
|
10
10
|
react_1.default.createElement(PartnersFeedSection_1.default, null)));
|
|
11
11
|
exports.PartnersFeedBlock = PartnersFeedBlock;
|
|
12
12
|
exports.default = exports.PartnersFeedBlock;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ResourceHubPostsBlockProps } from '../../models';
|
|
2
|
-
export declare const ResourceHubPostsBlock: ({ image, title }: ResourceHubPostsBlockProps) => JSX.Element;
|
|
2
|
+
export declare const ResourceHubPostsBlock: ({ image, title, text }: ResourceHubPostsBlockProps) => JSX.Element;
|
|
3
3
|
export default ResourceHubPostsBlock;
|
|
@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
const FeedHeader_1 = tslib_1.__importDefault(require("../../components/FeedHeader/FeedHeader"));
|
|
7
7
|
const ResourceHubPostsSection_1 = tslib_1.__importDefault(require("./ResourceHubPostsSection/ResourceHubPostsSection"));
|
|
8
|
-
const ResourceHubPostsBlock = ({ image, title }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
9
|
-
react_1.default.createElement(FeedHeader_1.default, { image: image, title: title }),
|
|
8
|
+
const ResourceHubPostsBlock = ({ image, title, text }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
9
|
+
react_1.default.createElement(FeedHeader_1.default, { image: image, title: title, text: text }),
|
|
10
10
|
react_1.default.createElement(ResourceHubPostsSection_1.default, null)));
|
|
11
11
|
exports.ResourceHubPostsBlock = ResourceHubPostsBlock;
|
|
12
12
|
exports.default = exports.ResourceHubPostsBlock;
|
|
@@ -8,17 +8,27 @@ unpredictable css rules order in build */
|
|
|
8
8
|
padding-bottom: 20px;
|
|
9
9
|
border-radius: var(--bc-border-radius);
|
|
10
10
|
}
|
|
11
|
-
.pc-feed-header-
|
|
11
|
+
.pc-feed-header-controls__wrap {
|
|
12
|
+
display: flex;
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
align-items: center;
|
|
15
|
+
gap: 16px;
|
|
16
|
+
padding-top: 112px;
|
|
17
|
+
padding-bottom: 96px;
|
|
18
|
+
}
|
|
19
|
+
.pc-feed-header-controls__title, .pc-feed-header-controls__text, .pc-feed-header-controls__filters {
|
|
12
20
|
display: flex;
|
|
13
21
|
flex-wrap: wrap;
|
|
14
22
|
justify-content: center;
|
|
15
23
|
}
|
|
16
24
|
.pc-feed-header-controls__title {
|
|
17
|
-
padding-top: 112px;
|
|
18
|
-
padding-bottom: 96px;
|
|
19
|
-
margin: 0;
|
|
20
25
|
font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
|
|
21
26
|
line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
|
|
27
|
+
margin: 0;
|
|
28
|
+
}
|
|
29
|
+
.pc-feed-header-controls__text {
|
|
30
|
+
font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
|
|
31
|
+
line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
|
|
22
32
|
}
|
|
23
33
|
.pc-feed-header-controls__filter-item {
|
|
24
34
|
flex-grow: 1;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export type ControlsProps = {
|
|
3
3
|
title?: string;
|
|
4
|
+
text?: string;
|
|
4
5
|
};
|
|
5
|
-
export declare const Controls: ({ title }: ControlsProps) => JSX.Element;
|
|
6
|
-
declare const _default: React.MemoExoticComponent<({ title }: ControlsProps) => JSX.Element>;
|
|
6
|
+
export declare const Controls: ({ title, text }: ControlsProps) => JSX.Element;
|
|
7
|
+
declare const _default: React.MemoExoticComponent<({ title, text }: ControlsProps) => JSX.Element>;
|
|
7
8
|
export default _default;
|
|
@@ -30,11 +30,13 @@ const Filter = ({ name, type, value, label, items, }) => {
|
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
const FilterMemo = react_1.default.memo(Filter);
|
|
33
|
-
const Controls = ({ title }) => {
|
|
33
|
+
const Controls = ({ title, text }) => {
|
|
34
34
|
const { filters } = (0, react_1.useContext)(feedHeaderContext_1.FeedHeaderFiltersContext);
|
|
35
35
|
const { filter } = (0, react_1.useContext)(feedHeaderContext_1.FeedHeaderFilterContext);
|
|
36
36
|
return (react_1.default.createElement("div", { className: b() },
|
|
37
|
-
react_1.default.createElement("
|
|
37
|
+
title || text ? (react_1.default.createElement("div", { className: b('wrap') },
|
|
38
|
+
title && react_1.default.createElement("h1", { className: b('title') }, title),
|
|
39
|
+
text && react_1.default.createElement("div", { className: b('text') }, text))) : null,
|
|
38
40
|
react_1.default.createElement("div", { className: b('filters') }, filters.map((item) => (react_1.default.createElement(FilterMemo, { key: item.name, name: item.name, value: filter[item.name], type: item.type, label: item.label, items: item.items }))))));
|
|
39
41
|
};
|
|
40
42
|
exports.Controls = Controls;
|
|
@@ -3,6 +3,6 @@ import { ControlsProps } from './Controls/Controls';
|
|
|
3
3
|
interface FeedHeaderProps extends ControlsProps {
|
|
4
4
|
image?: string;
|
|
5
5
|
}
|
|
6
|
-
export declare const FeedHeader: ({ title, image }: FeedHeaderProps) => JSX.Element;
|
|
7
|
-
declare const _default: React.MemoExoticComponent<({ title, image }: FeedHeaderProps) => JSX.Element>;
|
|
6
|
+
export declare const FeedHeader: ({ title, text, image }: FeedHeaderProps) => JSX.Element;
|
|
7
|
+
declare const _default: React.MemoExoticComponent<({ title, text, image }: FeedHeaderProps) => JSX.Element>;
|
|
8
8
|
export default _default;
|
|
@@ -8,11 +8,11 @@ const grid_1 = require("../../grid");
|
|
|
8
8
|
const utils_1 = require("../../utils");
|
|
9
9
|
const Controls_1 = tslib_1.__importDefault(require("./Controls/Controls"));
|
|
10
10
|
const b = (0, utils_1.block)('feed-header');
|
|
11
|
-
const FeedHeader = ({ title, image }) => {
|
|
11
|
+
const FeedHeader = ({ title, text, image }) => {
|
|
12
12
|
return (react_1.default.createElement("div", { className: b() },
|
|
13
13
|
react_1.default.createElement(grid_1.Grid, { className: b('content') },
|
|
14
14
|
image && react_1.default.createElement(components_1.BackgroundImage, { src: image, className: b('background') }),
|
|
15
|
-
react_1.default.createElement(Controls_1.default, { title: title }))));
|
|
15
|
+
react_1.default.createElement(Controls_1.default, { title: title, text: text }))));
|
|
16
16
|
};
|
|
17
17
|
exports.FeedHeader = FeedHeader;
|
|
18
18
|
exports.default = react_1.default.memo(exports.FeedHeader);
|
|
@@ -29,12 +29,12 @@ export declare const blockMap: {
|
|
|
29
29
|
"form-block": import("react").FC<import("./models").FormBlockProps>;
|
|
30
30
|
"marquee-links-block": ({ animated, title, description, textAlign, speed, items, }: import("./models").MarqueeLinksBlockProps) => JSX.Element | null;
|
|
31
31
|
"solutions-block": ({ animated }: import("./models").SolutionsBlockProps) => JSX.Element;
|
|
32
|
-
"events-feed-block": ({ image, title }: import("./models").EventsFeedBlockProps) => JSX.Element;
|
|
33
|
-
"partners-feed-block": ({ image, title }: import("./models").EventsFeedBlockProps) => JSX.Element;
|
|
34
|
-
"resource-hub-posts-block": ({ image, title }: import("./models").ResourceHubPostsBlockProps) => JSX.Element;
|
|
32
|
+
"events-feed-block": ({ image, title, text }: import("./models").EventsFeedBlockProps) => JSX.Element;
|
|
33
|
+
"partners-feed-block": ({ image, title, text }: import("./models").EventsFeedBlockProps) => JSX.Element;
|
|
34
|
+
"resource-hub-posts-block": ({ image, title, text }: import("./models").ResourceHubPostsBlockProps) => JSX.Element;
|
|
35
35
|
"benchmark-block": import("react").FC<import("./models").BenchmarkBlockProps>;
|
|
36
36
|
"events-section-block": ({ typeKey, title, label, empty }: import("./models").EventsSectionBlockProps) => JSX.Element;
|
|
37
|
-
"blog-feed-block": ({ image, title }: import("./models").BlogFeedBlockProps) => JSX.Element;
|
|
37
|
+
"blog-feed-block": ({ image, title, text }: import("./models").BlogFeedBlockProps) => JSX.Element;
|
|
38
38
|
"science-feed-block": (props: import("./models").ScienceFeedBlockProps) => JSX.Element;
|
|
39
39
|
"customer-stories-feed-block": () => JSX.Element | null;
|
|
40
40
|
"relevant-posts-block": ({ title, description, slider, date, dateStart, dateEnd, tags, services, pinnedPost, }: import("./models").RelevantPostsBlockProps) => JSX.Element;
|
|
@@ -78,6 +78,7 @@ export declare const subBlockMap: {
|
|
|
78
78
|
"feed-card": import("react").MemoExoticComponent<({ url, image, title, type, description, info, place }: import("./models").FeedCardProps) => JSX.Element>;
|
|
79
79
|
"event-person-card": (props: import("./models").EventPersonCardProps) => JSX.Element;
|
|
80
80
|
"attachment-card": import("react").MemoExoticComponent<({ url, title, date, time, items, label, column, border, }: import("./models").AttachmentCardProps) => JSX.Element>;
|
|
81
|
+
"feed-partner": ({ url, type, level, levelColorText, levelColorBackground, background, image, title, subtitle, className, tags, jumpOnHover, }: import("./models").FeedPartnerProps) => JSX.Element;
|
|
81
82
|
"case-study-card": import("react").MemoExoticComponent<(props: import("./models").CaseStudyCardProps) => JSX.Element>;
|
|
82
83
|
"story-card": import("react").FC<import("./models").StoryCardProps>;
|
|
83
84
|
};
|
|
@@ -87,6 +87,7 @@ exports.subBlockMap = {
|
|
|
87
87
|
[models_1.SubBlockType.FeedCard]: sub_blocks_1.FeedCard,
|
|
88
88
|
[models_1.SubBlockType.EventPersonCard]: sub_blocks_1.EventPersonCard,
|
|
89
89
|
[models_1.SubBlockType.AttachmentCard]: sub_blocks_1.AttachmentCard,
|
|
90
|
+
[models_1.SubBlockType.FeedPartner]: sub_blocks_1.FeedPartner,
|
|
90
91
|
[models_1.SubBlockType.CaseStudyCard]: sub_blocks_1.CaseStudyCard,
|
|
91
92
|
[models_1.SubBlockType.StoryCard]: sub_blocks_1.StoryCard,
|
|
92
93
|
};
|
|
@@ -17,6 +17,7 @@ export declare enum SubBlockType {
|
|
|
17
17
|
BackgroundCard = "background-card",
|
|
18
18
|
BasicCard = "basic-card",
|
|
19
19
|
AttachmentCard = "attachment-card",
|
|
20
|
+
FeedPartner = "feed-partner",
|
|
20
21
|
CaseStudyCard = "case-study-card",
|
|
21
22
|
Content = "content",
|
|
22
23
|
HubspotForm = "hubspot-form",
|
|
@@ -185,6 +186,11 @@ export interface LayoutItemProps extends ClassNameProps, CardLayoutProps, Analyt
|
|
|
185
186
|
paddingBottom?: 's' | 'm' | 'l' | 'xl';
|
|
186
187
|
}
|
|
187
188
|
export interface FeedPartnerProps extends ClassNameProps {
|
|
189
|
+
type?: string;
|
|
190
|
+
level?: string;
|
|
191
|
+
levelColorText?: string;
|
|
192
|
+
levelColorBackground?: string;
|
|
193
|
+
background?: string;
|
|
188
194
|
url: string;
|
|
189
195
|
image?: string;
|
|
190
196
|
title?: string;
|
|
@@ -354,12 +360,15 @@ export type EventPersonCardModel = {
|
|
|
354
360
|
export type AttachmentCardModel = {
|
|
355
361
|
type: SubBlockType.AttachmentCard;
|
|
356
362
|
} & AttachmentCardProps;
|
|
363
|
+
export type FeedPartnerModel = {
|
|
364
|
+
type: SubBlockType.FeedPartner;
|
|
365
|
+
} & FeedPartnerProps;
|
|
357
366
|
export type CaseStudyCardModel = {
|
|
358
367
|
type: SubBlockType.CaseStudyCard;
|
|
359
368
|
} & CaseStudyCardProps;
|
|
360
369
|
export type StoryCardModel = {
|
|
361
370
|
type: SubBlockType.StoryCard;
|
|
362
371
|
} & StoryCardProps;
|
|
363
|
-
export type SubBlockModels = DividerModel | QuoteModel | PriceDetailedModel | MediaCardModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel | PriceCardModel | LayoutItemModel | ImageCardModel | PostCardModel | NewPostCardModel | FeedCardModel | EventPersonCardModel | AttachmentCardModel | CaseStudyCardModel | StoryCardModel;
|
|
372
|
+
export type SubBlockModels = DividerModel | QuoteModel | PriceDetailedModel | MediaCardModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel | PriceCardModel | LayoutItemModel | ImageCardModel | PostCardModel | NewPostCardModel | FeedCardModel | EventPersonCardModel | AttachmentCardModel | FeedPartnerModel | CaseStudyCardModel | StoryCardModel;
|
|
364
373
|
export type SubBlock = SubBlockModels;
|
|
365
374
|
export {};
|
|
@@ -15,6 +15,7 @@ var SubBlockType;
|
|
|
15
15
|
SubBlockType["BackgroundCard"] = "background-card";
|
|
16
16
|
SubBlockType["BasicCard"] = "basic-card";
|
|
17
17
|
SubBlockType["AttachmentCard"] = "attachment-card";
|
|
18
|
+
SubBlockType["FeedPartner"] = "feed-partner";
|
|
18
19
|
SubBlockType["CaseStudyCard"] = "case-study-card";
|
|
19
20
|
SubBlockType["Content"] = "content";
|
|
20
21
|
SubBlockType["HubspotForm"] = "hubspot-form";
|
|
@@ -392,6 +392,51 @@ export declare const cardSchemas: {
|
|
|
392
392
|
};
|
|
393
393
|
};
|
|
394
394
|
};
|
|
395
|
+
'feed-partner': {
|
|
396
|
+
additionalProperties: boolean;
|
|
397
|
+
required: string[];
|
|
398
|
+
properties: {
|
|
399
|
+
url: {
|
|
400
|
+
type: string;
|
|
401
|
+
};
|
|
402
|
+
type: {
|
|
403
|
+
type: string;
|
|
404
|
+
};
|
|
405
|
+
level: {
|
|
406
|
+
type: string;
|
|
407
|
+
};
|
|
408
|
+
levelColorText: {
|
|
409
|
+
type: string;
|
|
410
|
+
};
|
|
411
|
+
levelColorBackground: {
|
|
412
|
+
type: string;
|
|
413
|
+
};
|
|
414
|
+
background: {
|
|
415
|
+
type: string;
|
|
416
|
+
};
|
|
417
|
+
image: {
|
|
418
|
+
type: string;
|
|
419
|
+
};
|
|
420
|
+
title: {
|
|
421
|
+
type: string;
|
|
422
|
+
};
|
|
423
|
+
subtitle: {
|
|
424
|
+
type: string;
|
|
425
|
+
};
|
|
426
|
+
tags: {
|
|
427
|
+
type: string;
|
|
428
|
+
items: {
|
|
429
|
+
type: string;
|
|
430
|
+
};
|
|
431
|
+
};
|
|
432
|
+
jumpOnHover: {
|
|
433
|
+
type: string;
|
|
434
|
+
};
|
|
435
|
+
when: {
|
|
436
|
+
type: string;
|
|
437
|
+
};
|
|
438
|
+
};
|
|
439
|
+
};
|
|
395
440
|
'attachment-card': {
|
|
396
441
|
additionalProperties: boolean;
|
|
397
442
|
required: never[];
|
|
@@ -3990,7 +4035,7 @@ export declare const cardSchemas: {
|
|
|
3990
4035
|
};
|
|
3991
4036
|
dataLens: {
|
|
3992
4037
|
oneOf: ({
|
|
3993
|
-
type: string;
|
|
4038
|
+
type: string;
|
|
3994
4039
|
optionName: string;
|
|
3995
4040
|
} | {
|
|
3996
4041
|
optionName: string;
|
|
@@ -4,7 +4,7 @@ exports.constructorCardSchemaNames = exports.constructorBlockSchemaNames = expor
|
|
|
4
4
|
const blocks_1 = require("./validators/blocks");
|
|
5
5
|
const sub_blocks_1 = require("./validators/sub-blocks");
|
|
6
6
|
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(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.ScienceHeaderBlock), blocks_1.AboutHeaderBlock), blocks_1.SidebarWidgetBlock), blocks_1.ReportsCardsBlock), blocks_1.ReportsSectionsBlock), blocks_1.LinkTableBlock), blocks_1.EventsFeedBlock), blocks_1.PartnersFeedBlock), blocks_1.ResourceHubPostsBlock), blocks_1.BenchmarkBlock), blocks_1.EventsSectionBlock), blocks_1.BlogFeedBlock), blocks_1.ScienceFeedBlock), blocks_1.CustomerStoriesFeedBlock), blocks_1.RelevantPostsBlock), blocks_1.RelevantReportsCardsBlock), blocks_1.RelevantReportsBlock), blocks_1.PressReleasesBlock), blocks_1.FormWallBlock), blocks_1.CatBlock), blocks_1.AudioBlock), blocks_1.OnetrustCookieListBlock), blocks_1.ScienceSuggestBlock);
|
|
7
|
-
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(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.NewPostCard), sub_blocks_1.FeedCard), sub_blocks_1.EventPersonCard), sub_blocks_1.AttachmentCard), sub_blocks_1.CaseStudyCard), sub_blocks_1.StoryCard);
|
|
7
|
+
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(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.NewPostCard), sub_blocks_1.FeedCard), sub_blocks_1.EventPersonCard), sub_blocks_1.AttachmentCard), sub_blocks_1.FeedPartner), sub_blocks_1.CaseStudyCard), sub_blocks_1.StoryCard);
|
|
8
8
|
exports.constructorBlockSchemaNames = [
|
|
9
9
|
'divider',
|
|
10
10
|
'quote',
|
|
@@ -80,6 +80,7 @@ exports.constructorCardSchemaNames = [
|
|
|
80
80
|
'quote',
|
|
81
81
|
'basic-card',
|
|
82
82
|
'attachment-card',
|
|
83
|
+
'feed-partner',
|
|
83
84
|
'layout-item',
|
|
84
85
|
'price-card',
|
|
85
86
|
'image-card',
|
|
@@ -16,5 +16,6 @@ export * from '../../sub-blocks/NewPostCard/schema';
|
|
|
16
16
|
export * from '../../sub-blocks/FeedCard/schema';
|
|
17
17
|
export * from '../../sub-blocks/EventPersonCard/schema';
|
|
18
18
|
export * from '../../sub-blocks/AttachmentCard/schema';
|
|
19
|
+
export * from '../../sub-blocks/FeedPartner/schema';
|
|
19
20
|
export * from '../../sub-blocks/CaseStudyCard/schema';
|
|
20
21
|
export * from '../../sub-blocks/StoryCard/schema';
|
|
@@ -19,5 +19,6 @@ tslib_1.__exportStar(require("../../sub-blocks/NewPostCard/schema"), exports);
|
|
|
19
19
|
tslib_1.__exportStar(require("../../sub-blocks/FeedCard/schema"), exports);
|
|
20
20
|
tslib_1.__exportStar(require("../../sub-blocks/EventPersonCard/schema"), exports);
|
|
21
21
|
tslib_1.__exportStar(require("../../sub-blocks/AttachmentCard/schema"), exports);
|
|
22
|
+
tslib_1.__exportStar(require("../../sub-blocks/FeedPartner/schema"), exports);
|
|
22
23
|
tslib_1.__exportStar(require("../../sub-blocks/CaseStudyCard/schema"), exports);
|
|
23
24
|
tslib_1.__exportStar(require("../../sub-blocks/StoryCard/schema"), exports);
|
|
@@ -7,12 +7,12 @@ unpredictable css rules order in build */
|
|
|
7
7
|
.pc-feed-partner {
|
|
8
8
|
border-radius: var(--pc-border-radius);
|
|
9
9
|
background-color: var(--g-color-base-float);
|
|
10
|
-
padding: 16px;
|
|
11
|
-
gap: 16px;
|
|
12
10
|
transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
|
|
13
11
|
display: flex;
|
|
14
|
-
|
|
12
|
+
overflow: hidden;
|
|
13
|
+
position: relative;
|
|
15
14
|
height: 100%;
|
|
15
|
+
min-height: 434px;
|
|
16
16
|
width: 100%;
|
|
17
17
|
--pc-tag-background-color: var(--g-color-base-brand);
|
|
18
18
|
--pc-tag-text-color: var(--g-color-base-background);
|
|
@@ -20,19 +20,60 @@ unpredictable css rules order in build */
|
|
|
20
20
|
.pc-feed-partner_border_line {
|
|
21
21
|
border: 1px solid var(--g-color-line-generic);
|
|
22
22
|
}
|
|
23
|
+
.pc-feed-partner__background {
|
|
24
|
+
position: absolute;
|
|
25
|
+
inset: 0;
|
|
26
|
+
}
|
|
27
|
+
.pc-feed-partner__background-image {
|
|
28
|
+
display: block;
|
|
29
|
+
width: 100%;
|
|
30
|
+
height: 100%;
|
|
31
|
+
object-fit: cover;
|
|
32
|
+
}
|
|
33
|
+
.pc-feed-partner__head {
|
|
34
|
+
display: flex;
|
|
35
|
+
justify-content: space-between;
|
|
36
|
+
align-items: flex-start;
|
|
37
|
+
min-height: 80px;
|
|
38
|
+
}
|
|
39
|
+
.pc-feed-partner__level {
|
|
40
|
+
padding: 4px 12px;
|
|
41
|
+
border-radius: 16px;
|
|
42
|
+
font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
|
|
43
|
+
line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
|
|
44
|
+
background-color: var(--g-color-base-background);
|
|
45
|
+
color: var(--g-color-base-brand);
|
|
46
|
+
}
|
|
23
47
|
.pc-feed-partner__image {
|
|
24
|
-
|
|
25
|
-
|
|
48
|
+
display: block;
|
|
49
|
+
}
|
|
50
|
+
.pc-feed-partner__content {
|
|
51
|
+
position: relative;
|
|
52
|
+
z-index: 1;
|
|
53
|
+
display: flex;
|
|
54
|
+
flex-direction: column;
|
|
55
|
+
padding: 28px 32px 32px;
|
|
56
|
+
gap: 24px;
|
|
26
57
|
}
|
|
27
58
|
.pc-feed-partner__wrap {
|
|
28
59
|
display: flex;
|
|
29
60
|
flex-direction: column;
|
|
30
|
-
gap: 8px;
|
|
31
61
|
}
|
|
32
62
|
.pc-feed-partner__tags {
|
|
33
63
|
display: flex;
|
|
34
64
|
flex-wrap: wrap;
|
|
35
|
-
gap:
|
|
65
|
+
gap: 8px;
|
|
66
|
+
}
|
|
67
|
+
.pc-feed-partner__tag {
|
|
68
|
+
font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
|
|
69
|
+
line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
|
|
70
|
+
height: 36px;
|
|
71
|
+
display: flex;
|
|
72
|
+
align-items: center;
|
|
73
|
+
padding: 0 16px;
|
|
74
|
+
border: 1px solid var(--g-color-private-black-100);
|
|
75
|
+
border-radius: 24px;
|
|
76
|
+
color: var(--g-color-text-primary);
|
|
36
77
|
}
|
|
37
78
|
.pc-feed-partner_jumpOnHover {
|
|
38
79
|
transition: transform 0.3s ease-out;
|
|
@@ -40,11 +81,20 @@ unpredictable css rules order in build */
|
|
|
40
81
|
.pc-feed-partner_jumpOnHover:hover {
|
|
41
82
|
transform: translateY(-8px);
|
|
42
83
|
}
|
|
84
|
+
.pc-feed-partner__type {
|
|
85
|
+
font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
|
|
86
|
+
line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
|
|
87
|
+
color: var(--g-color-text-primary);
|
|
88
|
+
opacity: 0.6;
|
|
89
|
+
font-weight: bold;
|
|
90
|
+
margin-bottom: 4px;
|
|
91
|
+
}
|
|
43
92
|
.pc-feed-partner__title {
|
|
44
93
|
font-size: var(--g-text-header-2-font-size, var(--pc-text-header-2-font-size));
|
|
45
94
|
line-height: var(--g-text-header-2-line-height, var(--pc-text-header-2-line-height));
|
|
46
95
|
color: var(--g-color-text-primary);
|
|
47
96
|
font-weight: bold;
|
|
97
|
+
margin-bottom: 8px;
|
|
48
98
|
}
|
|
49
99
|
.pc-feed-partner__subtitle {
|
|
50
100
|
font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { FeedPartnerProps } from '../../models';
|
|
2
|
-
declare const FeedPartner: ({ url, image, title, subtitle, className, tags, jumpOnHover, }: FeedPartnerProps) => JSX.Element;
|
|
2
|
+
declare const FeedPartner: ({ url, type, level, levelColorText, levelColorBackground, background, image, title, subtitle, className, tags, jumpOnHover, }: FeedPartnerProps) => JSX.Element;
|
|
3
3
|
export default FeedPartner;
|
|
@@ -1,18 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
|
-
const react_1 = tslib_1.
|
|
4
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
const uikit_1 = require("@gravity-ui/uikit");
|
|
6
6
|
const components_1 = require("../../components");
|
|
7
7
|
const utils_1 = require("../../utils");
|
|
8
8
|
const b = (0, utils_1.block)('feed-partner');
|
|
9
|
-
const FeedPartner = ({ url, image, title, subtitle, className, tags, jumpOnHover, }) => {
|
|
9
|
+
const FeedPartner = ({ url, type, level, levelColorText, levelColorBackground, background, image, title, subtitle, className, tags, jumpOnHover, }) => {
|
|
10
|
+
const levelStyles = (0, react_1.useMemo)(() => ({ 'background-color': levelColorBackground, color: levelColorText }), [levelColorBackground, levelColorText]);
|
|
10
11
|
return (react_1.default.createElement(components_1.RouterLink, { href: url },
|
|
11
12
|
react_1.default.createElement(uikit_1.Link, { href: url, className: b({ jumpOnHover, border: 'line' }, className) },
|
|
12
|
-
|
|
13
|
-
react_1.default.createElement("div", { className: b('
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
background && (react_1.default.createElement(components_1.Image, { className: b('background-image'), containerClassName: b('background'), src: background, alt: "background" })),
|
|
14
|
+
react_1.default.createElement("div", { className: b('content') },
|
|
15
|
+
react_1.default.createElement("div", { className: b('head') },
|
|
16
|
+
image && react_1.default.createElement(components_1.Image, { className: b('image'), src: image, alt: "logo" }),
|
|
17
|
+
level && (react_1.default.createElement("div", { className: b('level'), style: levelStyles }, level))),
|
|
18
|
+
react_1.default.createElement("div", { className: b('wrap') },
|
|
19
|
+
type && react_1.default.createElement("div", { className: b('type') }, type),
|
|
20
|
+
title && react_1.default.createElement("div", { className: b('title') }, title),
|
|
21
|
+
subtitle && react_1.default.createElement("div", { className: b('subtitle') }, subtitle)),
|
|
22
|
+
tags && (react_1.default.createElement("div", { className: b('tags') }, tags.map((item, index) => (react_1.default.createElement("div", { key: index, className: b('tag') }, item)))))))));
|
|
17
23
|
};
|
|
18
24
|
exports.default = FeedPartner;
|