@doyourjob/gravity-ui-page-constructor 5.31.204 → 5.31.206
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/ContentLayout/ContentLayout.css +17 -0
- package/build/cjs/blocks/ContentLayout/ContentLayout.js +2 -1
- package/build/cjs/blocks/ContentLayout/schema.d.ts +13 -3
- package/build/cjs/blocks/ContentLayout/schema.js +6 -0
- package/build/cjs/components/Title/TitleItem.d.ts +1 -1
- package/build/cjs/constructor-items.d.ts +1 -0
- 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 +5 -1
- package/build/cjs/models/constructor-items/sub-blocks.js +1 -0
- package/build/cjs/schema/constants.d.ts +58 -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/ContentLayoutCard/schema.d.ts +12 -0
- package/build/cjs/sub-blocks/FeedPartner/schema.d.ts +41 -39
- package/build/cjs/sub-blocks/FeedPartner/schema.js +30 -28
- package/build/esm/blocks/ContentLayout/ContentLayout.css +17 -0
- package/build/esm/blocks/ContentLayout/ContentLayout.js +2 -1
- package/build/esm/blocks/ContentLayout/schema.d.ts +13 -3
- package/build/esm/blocks/ContentLayout/schema.js +6 -0
- package/build/esm/components/Title/TitleItem.d.ts +1 -1
- package/build/esm/constructor-items.d.ts +1 -0
- 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 +5 -1
- package/build/esm/models/constructor-items/sub-blocks.js +1 -0
- package/build/esm/schema/constants.d.ts +58 -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/ContentLayoutCard/schema.d.ts +12 -0
- package/build/esm/sub-blocks/FeedPartner/schema.d.ts +41 -39
- package/build/esm/sub-blocks/FeedPartner/schema.js +30 -28
- 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 +5 -1
- package/server/models/constructor-items/sub-blocks.js +1 -0
|
@@ -53,6 +53,23 @@ unpredictable css rules order in build */
|
|
|
53
53
|
.pc-content-layout-block__files a {
|
|
54
54
|
text-decoration: none;
|
|
55
55
|
}
|
|
56
|
+
.pc-content-layout-block__tags {
|
|
57
|
+
margin-top: 32px;
|
|
58
|
+
display: flex;
|
|
59
|
+
flex-wrap: wrap;
|
|
60
|
+
gap: 8px;
|
|
61
|
+
}
|
|
62
|
+
.pc-content-layout-block__tag {
|
|
63
|
+
font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
|
|
64
|
+
line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
|
|
65
|
+
height: 36px;
|
|
66
|
+
display: flex;
|
|
67
|
+
align-items: center;
|
|
68
|
+
padding: 0 16px;
|
|
69
|
+
border: 1px solid var(--g-color-private-black-100);
|
|
70
|
+
border-radius: 24px;
|
|
71
|
+
color: var(--g-color-text-primary);
|
|
72
|
+
}
|
|
56
73
|
.pc-content-layout-block__file {
|
|
57
74
|
margin-bottom: 12px;
|
|
58
75
|
}
|
|
@@ -33,7 +33,7 @@ function getTextWidth(size) {
|
|
|
33
33
|
}
|
|
34
34
|
const ContentLayoutBlock = (props) => {
|
|
35
35
|
const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
|
|
36
|
-
const { animated, textContent, fileContent, size = 'l', background, unicorn, centered, theme = 'default', textWidth = 'm', } = props;
|
|
36
|
+
const { animated, textContent, fileContent, tags, size = 'l', background, unicorn, centered, theme = 'default', textWidth = 'm', } = props;
|
|
37
37
|
const colSizes = (0, react_1.useMemo)(() => getTextWidth(textWidth), [textWidth]);
|
|
38
38
|
const globalTheme = (0, theme_1.useTheme)();
|
|
39
39
|
const themedBackground = (0, utils_1.getThemedValue)(background, globalTheme);
|
|
@@ -41,6 +41,7 @@ const ContentLayoutBlock = (props) => {
|
|
|
41
41
|
react_1.default.createElement("div", { className: b('root', { background: Boolean(background) || Boolean(unicorn) }) },
|
|
42
42
|
react_1.default.createElement(sub_blocks_1.Content, Object.assign({ className: b('content') }, textContent, { size: size, centered: centered, colSizes: colSizes, theme: theme })),
|
|
43
43
|
fileContent && (react_1.default.createElement(grid_1.Col, { className: b('files', { size, centered }), reset: true, sizes: colSizes }, fileContent.map((file) => (react_1.default.createElement(components_1.FileLink, Object.assign({ className: b('file') }, file, { key: file.href, type: "horizontal", textSize: getFileTextSize(size), theme: theme })))))),
|
|
44
|
+
tags && (react_1.default.createElement("div", { className: b('tags') }, tags.map((item, index) => (react_1.default.createElement("div", { key: index, className: b('tag') }, item))))),
|
|
44
45
|
background && (react_1.default.createElement("div", { className: b('background') },
|
|
45
46
|
react_1.default.createElement(components_1.BackgroundImage, Object.assign({ className: b('background-item') }, themedBackground, { hide: isMobile })))),
|
|
46
47
|
unicorn && (react_1.default.createElement("div", { className: b('background') },
|
|
@@ -93,6 +93,12 @@ export declare const ContentLayoutBlock: {
|
|
|
93
93
|
centered: {
|
|
94
94
|
type: string;
|
|
95
95
|
};
|
|
96
|
+
tags: {
|
|
97
|
+
type: string;
|
|
98
|
+
items: {
|
|
99
|
+
type: string;
|
|
100
|
+
};
|
|
101
|
+
};
|
|
96
102
|
theme: {
|
|
97
103
|
type: string;
|
|
98
104
|
enum: string[];
|
|
@@ -269,9 +275,7 @@ export declare const ContentLayoutBlock: {
|
|
|
269
275
|
};
|
|
270
276
|
text: {
|
|
271
277
|
type: string;
|
|
272
|
-
contentType: string;
|
|
273
|
-
* @deprecated Use params on top level instead
|
|
274
|
-
*/
|
|
278
|
+
contentType: string;
|
|
275
279
|
inputType: string;
|
|
276
280
|
};
|
|
277
281
|
additionalInfo: {
|
|
@@ -445,6 +449,12 @@ export declare const ContentLayoutBlock: {
|
|
|
445
449
|
centered: {
|
|
446
450
|
type: string;
|
|
447
451
|
};
|
|
452
|
+
tags: {
|
|
453
|
+
type: string;
|
|
454
|
+
items: {
|
|
455
|
+
type: string;
|
|
456
|
+
};
|
|
457
|
+
};
|
|
448
458
|
theme: {
|
|
449
459
|
type: string;
|
|
450
460
|
enum: string[];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { QAProps, TitleItemProps, TitleTextSize } from '../../models';
|
|
2
|
-
export declare function getArrowSize(size: TitleTextSize, isMobile: boolean): 16 |
|
|
2
|
+
export declare function getArrowSize(size: TitleTextSize, isMobile: boolean): 16 | 20 | 24 | 13 | 22 | 26 | 38;
|
|
3
3
|
export interface TitleItemFullProps extends TitleItemProps, QAProps {
|
|
4
4
|
className?: string;
|
|
5
5
|
onClick?: () => void;
|
|
@@ -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
|
};
|
|
@@ -689,6 +689,7 @@ interface ContentLayoutBlockParams {
|
|
|
689
689
|
export interface ContentLayoutBlockProps extends ContentLayoutBlockParams, Animatable {
|
|
690
690
|
textContent: ContentBlockProps;
|
|
691
691
|
fileContent?: FileLinkProps[];
|
|
692
|
+
tags?: string[];
|
|
692
693
|
}
|
|
693
694
|
export interface BannerMinifyButtonProps {
|
|
694
695
|
url: string;
|
|
@@ -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",
|
|
@@ -359,12 +360,15 @@ export type EventPersonCardModel = {
|
|
|
359
360
|
export type AttachmentCardModel = {
|
|
360
361
|
type: SubBlockType.AttachmentCard;
|
|
361
362
|
} & AttachmentCardProps;
|
|
363
|
+
export type FeedPartnerModel = {
|
|
364
|
+
type: SubBlockType.FeedPartner;
|
|
365
|
+
} & FeedPartnerProps;
|
|
362
366
|
export type CaseStudyCardModel = {
|
|
363
367
|
type: SubBlockType.CaseStudyCard;
|
|
364
368
|
} & CaseStudyCardProps;
|
|
365
369
|
export type StoryCardModel = {
|
|
366
370
|
type: SubBlockType.StoryCard;
|
|
367
371
|
} & StoryCardProps;
|
|
368
|
-
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;
|
|
369
373
|
export type SubBlock = SubBlockModels;
|
|
370
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[];
|
|
@@ -1209,6 +1254,12 @@ export declare const cardSchemas: {
|
|
|
1209
1254
|
centered: {
|
|
1210
1255
|
type: string;
|
|
1211
1256
|
};
|
|
1257
|
+
tags: {
|
|
1258
|
+
type: string;
|
|
1259
|
+
items: {
|
|
1260
|
+
type: string;
|
|
1261
|
+
};
|
|
1262
|
+
};
|
|
1212
1263
|
theme: {
|
|
1213
1264
|
type: string;
|
|
1214
1265
|
enum: string[];
|
|
@@ -1556,6 +1607,12 @@ export declare const cardSchemas: {
|
|
|
1556
1607
|
centered: {
|
|
1557
1608
|
type: string;
|
|
1558
1609
|
};
|
|
1610
|
+
tags: {
|
|
1611
|
+
type: string;
|
|
1612
|
+
items: {
|
|
1613
|
+
type: string;
|
|
1614
|
+
};
|
|
1615
|
+
};
|
|
1559
1616
|
theme: {
|
|
1560
1617
|
type: string;
|
|
1561
1618
|
enum: string[];
|
|
@@ -3990,7 +4047,7 @@ export declare const cardSchemas: {
|
|
|
3990
4047
|
};
|
|
3991
4048
|
dataLens: {
|
|
3992
4049
|
oneOf: ({
|
|
3993
|
-
type: string;
|
|
4050
|
+
type: string;
|
|
3994
4051
|
optionName: string;
|
|
3995
4052
|
} | {
|
|
3996
4053
|
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);
|
|
@@ -93,6 +93,12 @@ export declare const ContentLayoutCard: {
|
|
|
93
93
|
centered: {
|
|
94
94
|
type: string;
|
|
95
95
|
};
|
|
96
|
+
tags: {
|
|
97
|
+
type: string;
|
|
98
|
+
items: {
|
|
99
|
+
type: string;
|
|
100
|
+
};
|
|
101
|
+
};
|
|
96
102
|
theme: {
|
|
97
103
|
type: string;
|
|
98
104
|
enum: string[];
|
|
@@ -440,6 +446,12 @@ export declare const ContentLayoutCard: {
|
|
|
440
446
|
centered: {
|
|
441
447
|
type: string;
|
|
442
448
|
};
|
|
449
|
+
tags: {
|
|
450
|
+
type: string;
|
|
451
|
+
items: {
|
|
452
|
+
type: string;
|
|
453
|
+
};
|
|
454
|
+
};
|
|
443
455
|
theme: {
|
|
444
456
|
type: string;
|
|
445
457
|
enum: string[];
|
|
@@ -1,45 +1,47 @@
|
|
|
1
1
|
export declare const FeedPartner: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
type:
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
2
|
+
'feed-partner': {
|
|
3
|
+
additionalProperties: boolean;
|
|
4
|
+
required: string[];
|
|
5
|
+
properties: {
|
|
6
|
+
url: {
|
|
7
|
+
type: string;
|
|
8
|
+
};
|
|
9
|
+
type: {
|
|
10
|
+
type: string;
|
|
11
|
+
};
|
|
12
|
+
level: {
|
|
13
|
+
type: string;
|
|
14
|
+
};
|
|
15
|
+
levelColorText: {
|
|
16
|
+
type: string;
|
|
17
|
+
};
|
|
18
|
+
levelColorBackground: {
|
|
19
|
+
type: string;
|
|
20
|
+
};
|
|
21
|
+
background: {
|
|
22
|
+
type: string;
|
|
23
|
+
};
|
|
24
|
+
image: {
|
|
25
|
+
type: string;
|
|
26
|
+
};
|
|
27
|
+
title: {
|
|
28
|
+
type: string;
|
|
29
|
+
};
|
|
30
|
+
subtitle: {
|
|
31
|
+
type: string;
|
|
32
|
+
};
|
|
33
|
+
tags: {
|
|
34
|
+
type: string;
|
|
35
|
+
items: {
|
|
36
|
+
type: string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
jumpOnHover: {
|
|
40
|
+
type: string;
|
|
41
|
+
};
|
|
42
|
+
when: {
|
|
35
43
|
type: string;
|
|
36
44
|
};
|
|
37
|
-
};
|
|
38
|
-
jumpOnHover: {
|
|
39
|
-
type: string;
|
|
40
|
-
};
|
|
41
|
-
when: {
|
|
42
|
-
type: string;
|
|
43
45
|
};
|
|
44
46
|
};
|
|
45
47
|
};
|
|
@@ -3,32 +3,34 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.FeedPartner = void 0;
|
|
4
4
|
const common_1 = require("../../schema/validators/common");
|
|
5
5
|
exports.FeedPartner = {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
type:
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
6
|
+
'feed-partner': {
|
|
7
|
+
additionalProperties: false,
|
|
8
|
+
required: ['url'],
|
|
9
|
+
properties: Object.assign(Object.assign({}, common_1.BaseProps), { url: {
|
|
10
|
+
type: 'string',
|
|
11
|
+
}, type: {
|
|
12
|
+
type: 'string',
|
|
13
|
+
}, level: {
|
|
14
|
+
type: 'string',
|
|
15
|
+
}, levelColorText: {
|
|
16
|
+
type: 'string',
|
|
17
|
+
}, levelColorBackground: {
|
|
18
|
+
type: 'string',
|
|
19
|
+
}, background: {
|
|
20
|
+
type: 'string',
|
|
21
|
+
}, image: {
|
|
22
|
+
type: 'string',
|
|
23
|
+
}, title: {
|
|
24
|
+
type: 'string',
|
|
25
|
+
}, subtitle: {
|
|
26
|
+
type: 'string',
|
|
27
|
+
}, tags: {
|
|
28
|
+
type: 'array',
|
|
29
|
+
items: {
|
|
30
|
+
type: 'string',
|
|
31
|
+
},
|
|
32
|
+
}, jumpOnHover: {
|
|
33
|
+
type: 'boolean',
|
|
34
|
+
} }),
|
|
35
|
+
},
|
|
34
36
|
};
|
|
@@ -53,6 +53,23 @@ unpredictable css rules order in build */
|
|
|
53
53
|
.pc-content-layout-block__files a {
|
|
54
54
|
text-decoration: none;
|
|
55
55
|
}
|
|
56
|
+
.pc-content-layout-block__tags {
|
|
57
|
+
margin-top: 32px;
|
|
58
|
+
display: flex;
|
|
59
|
+
flex-wrap: wrap;
|
|
60
|
+
gap: 8px;
|
|
61
|
+
}
|
|
62
|
+
.pc-content-layout-block__tag {
|
|
63
|
+
font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
|
|
64
|
+
line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
|
|
65
|
+
height: 36px;
|
|
66
|
+
display: flex;
|
|
67
|
+
align-items: center;
|
|
68
|
+
padding: 0 16px;
|
|
69
|
+
border: 1px solid var(--g-color-private-black-100);
|
|
70
|
+
border-radius: 24px;
|
|
71
|
+
color: var(--g-color-text-primary);
|
|
72
|
+
}
|
|
56
73
|
.pc-content-layout-block__file {
|
|
57
74
|
margin-bottom: 12px;
|
|
58
75
|
}
|
|
@@ -30,7 +30,7 @@ function getTextWidth(size) {
|
|
|
30
30
|
}
|
|
31
31
|
export const ContentLayoutBlock = (props) => {
|
|
32
32
|
const isMobile = useContext(MobileContext);
|
|
33
|
-
const { animated, textContent, fileContent, size = 'l', background, unicorn, centered, theme = 'default', textWidth = 'm', } = props;
|
|
33
|
+
const { animated, textContent, fileContent, tags, size = 'l', background, unicorn, centered, theme = 'default', textWidth = 'm', } = props;
|
|
34
34
|
const colSizes = useMemo(() => getTextWidth(textWidth), [textWidth]);
|
|
35
35
|
const globalTheme = useTheme();
|
|
36
36
|
const themedBackground = getThemedValue(background, globalTheme);
|
|
@@ -38,6 +38,7 @@ export const ContentLayoutBlock = (props) => {
|
|
|
38
38
|
React.createElement("div", { className: b('root', { background: Boolean(background) || Boolean(unicorn) }) },
|
|
39
39
|
React.createElement(Content, Object.assign({ className: b('content') }, textContent, { size: size, centered: centered, colSizes: colSizes, theme: theme })),
|
|
40
40
|
fileContent && (React.createElement(Col, { className: b('files', { size, centered }), reset: true, sizes: colSizes }, fileContent.map((file) => (React.createElement(FileLink, Object.assign({ className: b('file') }, file, { key: file.href, type: "horizontal", textSize: getFileTextSize(size), theme: theme })))))),
|
|
41
|
+
tags && (React.createElement("div", { className: b('tags') }, tags.map((item, index) => (React.createElement("div", { key: index, className: b('tag') }, item))))),
|
|
41
42
|
background && (React.createElement("div", { className: b('background') },
|
|
42
43
|
React.createElement(BackgroundImage, Object.assign({ className: b('background-item') }, themedBackground, { hide: isMobile })))),
|
|
43
44
|
unicorn && (React.createElement("div", { className: b('background') },
|
|
@@ -93,6 +93,12 @@ export declare const ContentLayoutBlock: {
|
|
|
93
93
|
centered: {
|
|
94
94
|
type: string;
|
|
95
95
|
};
|
|
96
|
+
tags: {
|
|
97
|
+
type: string;
|
|
98
|
+
items: {
|
|
99
|
+
type: string;
|
|
100
|
+
};
|
|
101
|
+
};
|
|
96
102
|
theme: {
|
|
97
103
|
type: string;
|
|
98
104
|
enum: string[];
|
|
@@ -269,9 +275,7 @@ export declare const ContentLayoutBlock: {
|
|
|
269
275
|
};
|
|
270
276
|
text: {
|
|
271
277
|
type: string;
|
|
272
|
-
contentType: string;
|
|
273
|
-
* @deprecated Use params on top level instead
|
|
274
|
-
*/
|
|
278
|
+
contentType: string;
|
|
275
279
|
inputType: string;
|
|
276
280
|
};
|
|
277
281
|
additionalInfo: {
|
|
@@ -445,6 +449,12 @@ export declare const ContentLayoutBlock: {
|
|
|
445
449
|
centered: {
|
|
446
450
|
type: string;
|
|
447
451
|
};
|
|
452
|
+
tags: {
|
|
453
|
+
type: string;
|
|
454
|
+
items: {
|
|
455
|
+
type: string;
|
|
456
|
+
};
|
|
457
|
+
};
|
|
448
458
|
theme: {
|
|
449
459
|
type: string;
|
|
450
460
|
enum: string[];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { QAProps, TitleItemProps, TitleTextSize } from '../../models';
|
|
2
2
|
import './TitleItem.css';
|
|
3
|
-
export declare function getArrowSize(size: TitleTextSize, isMobile: boolean): 16 |
|
|
3
|
+
export declare function getArrowSize(size: TitleTextSize, isMobile: boolean): 16 | 20 | 24 | 13 | 22 | 26 | 38;
|
|
4
4
|
export interface TitleItemFullProps extends TitleItemProps, QAProps {
|
|
5
5
|
className?: string;
|
|
6
6
|
onClick?: () => void;
|
|
@@ -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
|
};
|
|
@@ -2,7 +2,7 @@ import { AboutHeaderBlock, AdvantagesBlock, AudioBlock, BannerBlock, BannerMinif
|
|
|
2
2
|
import { BlockType, NavigationItemType, SubBlockType } from './models';
|
|
3
3
|
import { GithubButton, NavigationButton, NavigationDropdown, NavigationLink, } from './navigation/components/NavigationItem';
|
|
4
4
|
import SocialIcon from './navigation/components/SocialIcon/SocialIcon';
|
|
5
|
-
import { AttachmentCard, BackgroundCard, BannerCard, BasicCard, Card, CaseStudyCard, Content, ContentLayoutCard, Divider, EventPersonCard, FeedCard, ImageCard, LayoutItem, MediaCard, NewPostCard, PostCard, PriceCard, PriceDetailed, Quote, StoryCard, } from './sub-blocks';
|
|
5
|
+
import { AttachmentCard, BackgroundCard, BannerCard, BasicCard, Card, CaseStudyCard, Content, ContentLayoutCard, Divider, EventPersonCard, FeedCard, FeedPartner, ImageCard, LayoutItem, MediaCard, NewPostCard, PostCard, PriceCard, PriceDetailed, Quote, StoryCard, } from './sub-blocks';
|
|
6
6
|
export const blockMap = {
|
|
7
7
|
[BlockType.SliderBlock]: SliderBlock,
|
|
8
8
|
[BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,
|
|
@@ -83,6 +83,7 @@ export const subBlockMap = {
|
|
|
83
83
|
[SubBlockType.FeedCard]: FeedCard,
|
|
84
84
|
[SubBlockType.EventPersonCard]: EventPersonCard,
|
|
85
85
|
[SubBlockType.AttachmentCard]: AttachmentCard,
|
|
86
|
+
[SubBlockType.FeedPartner]: FeedPartner,
|
|
86
87
|
[SubBlockType.CaseStudyCard]: CaseStudyCard,
|
|
87
88
|
[SubBlockType.StoryCard]: StoryCard,
|
|
88
89
|
};
|
|
@@ -689,6 +689,7 @@ interface ContentLayoutBlockParams {
|
|
|
689
689
|
export interface ContentLayoutBlockProps extends ContentLayoutBlockParams, Animatable {
|
|
690
690
|
textContent: ContentBlockProps;
|
|
691
691
|
fileContent?: FileLinkProps[];
|
|
692
|
+
tags?: string[];
|
|
692
693
|
}
|
|
693
694
|
export interface BannerMinifyButtonProps {
|
|
694
695
|
url: string;
|
|
@@ -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",
|
|
@@ -359,12 +360,15 @@ export type EventPersonCardModel = {
|
|
|
359
360
|
export type AttachmentCardModel = {
|
|
360
361
|
type: SubBlockType.AttachmentCard;
|
|
361
362
|
} & AttachmentCardProps;
|
|
363
|
+
export type FeedPartnerModel = {
|
|
364
|
+
type: SubBlockType.FeedPartner;
|
|
365
|
+
} & FeedPartnerProps;
|
|
362
366
|
export type CaseStudyCardModel = {
|
|
363
367
|
type: SubBlockType.CaseStudyCard;
|
|
364
368
|
} & CaseStudyCardProps;
|
|
365
369
|
export type StoryCardModel = {
|
|
366
370
|
type: SubBlockType.StoryCard;
|
|
367
371
|
} & StoryCardProps;
|
|
368
|
-
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;
|
|
369
373
|
export type SubBlock = SubBlockModels;
|
|
370
374
|
export {};
|
|
@@ -12,6 +12,7 @@ export var SubBlockType;
|
|
|
12
12
|
SubBlockType["BackgroundCard"] = "background-card";
|
|
13
13
|
SubBlockType["BasicCard"] = "basic-card";
|
|
14
14
|
SubBlockType["AttachmentCard"] = "attachment-card";
|
|
15
|
+
SubBlockType["FeedPartner"] = "feed-partner";
|
|
15
16
|
SubBlockType["CaseStudyCard"] = "case-study-card";
|
|
16
17
|
SubBlockType["Content"] = "content";
|
|
17
18
|
SubBlockType["HubspotForm"] = "hubspot-form";
|