@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.
Files changed (39) hide show
  1. package/build/cjs/blocks/ContentLayout/ContentLayout.css +17 -0
  2. package/build/cjs/blocks/ContentLayout/ContentLayout.js +2 -1
  3. package/build/cjs/blocks/ContentLayout/schema.d.ts +13 -3
  4. package/build/cjs/blocks/ContentLayout/schema.js +6 -0
  5. package/build/cjs/components/Title/TitleItem.d.ts +1 -1
  6. package/build/cjs/constructor-items.d.ts +1 -0
  7. package/build/cjs/constructor-items.js +1 -0
  8. package/build/cjs/models/constructor-items/blocks.d.ts +1 -0
  9. package/build/cjs/models/constructor-items/sub-blocks.d.ts +5 -1
  10. package/build/cjs/models/constructor-items/sub-blocks.js +1 -0
  11. package/build/cjs/schema/constants.d.ts +58 -1
  12. package/build/cjs/schema/constants.js +2 -1
  13. package/build/cjs/schema/validators/sub-blocks.d.ts +1 -0
  14. package/build/cjs/schema/validators/sub-blocks.js +1 -0
  15. package/build/cjs/sub-blocks/ContentLayoutCard/schema.d.ts +12 -0
  16. package/build/cjs/sub-blocks/FeedPartner/schema.d.ts +41 -39
  17. package/build/cjs/sub-blocks/FeedPartner/schema.js +30 -28
  18. package/build/esm/blocks/ContentLayout/ContentLayout.css +17 -0
  19. package/build/esm/blocks/ContentLayout/ContentLayout.js +2 -1
  20. package/build/esm/blocks/ContentLayout/schema.d.ts +13 -3
  21. package/build/esm/blocks/ContentLayout/schema.js +6 -0
  22. package/build/esm/components/Title/TitleItem.d.ts +1 -1
  23. package/build/esm/constructor-items.d.ts +1 -0
  24. package/build/esm/constructor-items.js +2 -1
  25. package/build/esm/models/constructor-items/blocks.d.ts +1 -0
  26. package/build/esm/models/constructor-items/sub-blocks.d.ts +5 -1
  27. package/build/esm/models/constructor-items/sub-blocks.js +1 -0
  28. package/build/esm/schema/constants.d.ts +58 -1
  29. package/build/esm/schema/constants.js +3 -2
  30. package/build/esm/schema/validators/sub-blocks.d.ts +1 -0
  31. package/build/esm/schema/validators/sub-blocks.js +1 -0
  32. package/build/esm/sub-blocks/ContentLayoutCard/schema.d.ts +12 -0
  33. package/build/esm/sub-blocks/FeedPartner/schema.d.ts +41 -39
  34. package/build/esm/sub-blocks/FeedPartner/schema.js +30 -28
  35. package/package.json +1 -1
  36. package/schema/index.js +1 -1
  37. package/server/models/constructor-items/blocks.d.ts +1 -0
  38. package/server/models/constructor-items/sub-blocks.d.ts +5 -1
  39. 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[];
@@ -17,6 +17,12 @@ const ContentLayoutBlockProperties = {
17
17
  centered: {
18
18
  type: 'boolean',
19
19
  },
20
+ tags: {
21
+ type: 'array',
22
+ items: {
23
+ type: 'string',
24
+ },
25
+ },
20
26
  theme: {
21
27
  type: 'string',
22
28
  enum: common_1.contentThemes,
@@ -1,5 +1,5 @@
1
1
  import { QAProps, TitleItemProps, TitleTextSize } from '../../models';
2
- export declare function getArrowSize(size: TitleTextSize, isMobile: boolean): 16 | 13 | 22 | 24 | 26 | 38 | 20;
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; /** @deprecated */
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
- type: string;
3
- additionalProperties: boolean;
4
- properties: {
5
- url: {
6
- type: string;
7
- };
8
- type: {
9
- type: string;
10
- };
11
- level: {
12
- type: string;
13
- };
14
- levelColorText: {
15
- type: string;
16
- };
17
- levelColorBackground: {
18
- type: string;
19
- };
20
- background: {
21
- type: string;
22
- };
23
- image: {
24
- type: string;
25
- };
26
- title: {
27
- type: string;
28
- };
29
- subtitle: {
30
- type: string;
31
- };
32
- tags: {
33
- type: string;
34
- items: {
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
- type: 'object',
7
- additionalProperties: false,
8
- properties: Object.assign(Object.assign({}, common_1.BaseProps), { url: {
9
- type: 'string',
10
- }, type: {
11
- type: 'string',
12
- }, level: {
13
- type: 'string',
14
- }, levelColorText: {
15
- type: 'string',
16
- }, levelColorBackground: {
17
- type: 'string',
18
- }, background: {
19
- type: 'string',
20
- }, image: {
21
- type: 'string',
22
- }, title: {
23
- type: 'string',
24
- }, subtitle: {
25
- type: 'string',
26
- }, tags: {
27
- type: 'array',
28
- items: {
29
- type: 'string',
30
- },
31
- }, jumpOnHover: {
32
- type: 'boolean',
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[];
@@ -14,6 +14,12 @@ const ContentLayoutBlockProperties = {
14
14
  centered: {
15
15
  type: 'boolean',
16
16
  },
17
+ tags: {
18
+ type: 'array',
19
+ items: {
20
+ type: 'string',
21
+ },
22
+ },
17
23
  theme: {
18
24
  type: 'string',
19
25
  enum: contentThemes,
@@ -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 | 13 | 22 | 24 | 26 | 38 | 20;
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";