@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.
Files changed (76) hide show
  1. package/build/cjs/blocks/BlogFeed/BlogFeed.d.ts +1 -1
  2. package/build/cjs/blocks/BlogFeed/BlogFeed.js +2 -2
  3. package/build/cjs/blocks/BlogFeed/schema.d.ts +3 -0
  4. package/build/cjs/blocks/BlogFeed/schema.js +2 -0
  5. package/build/cjs/blocks/EventsFeed/EventsFeed.d.ts +1 -1
  6. package/build/cjs/blocks/EventsFeed/EventsFeed.js +2 -2
  7. package/build/cjs/blocks/EventsFeed/schema.d.ts +3 -0
  8. package/build/cjs/blocks/EventsFeed/schema.js +2 -0
  9. package/build/cjs/blocks/PartnersFeed/PartnersFeed.d.ts +1 -1
  10. package/build/cjs/blocks/PartnersFeed/PartnersFeed.js +2 -2
  11. package/build/cjs/blocks/PartnersFeed/schema.d.ts +3 -0
  12. package/build/cjs/blocks/PartnersFeed/schema.js +2 -0
  13. package/build/cjs/blocks/ResourceHubPosts/ResourceHubPosts.d.ts +1 -1
  14. package/build/cjs/blocks/ResourceHubPosts/ResourceHubPosts.js +2 -2
  15. package/build/cjs/blocks/ResourceHubPosts/schema.d.ts +3 -0
  16. package/build/cjs/blocks/ResourceHubPosts/schema.js +2 -0
  17. package/build/cjs/components/FeedHeader/Controls/Controls.css +14 -4
  18. package/build/cjs/components/FeedHeader/Controls/Controls.d.ts +3 -2
  19. package/build/cjs/components/FeedHeader/Controls/Controls.js +4 -2
  20. package/build/cjs/components/FeedHeader/FeedHeader.d.ts +2 -2
  21. package/build/cjs/components/FeedHeader/FeedHeader.js +2 -2
  22. package/build/cjs/constructor-items.d.ts +5 -4
  23. package/build/cjs/constructor-items.js +1 -0
  24. package/build/cjs/models/constructor-items/blocks.d.ts +1 -0
  25. package/build/cjs/models/constructor-items/sub-blocks.d.ts +10 -1
  26. package/build/cjs/models/constructor-items/sub-blocks.js +1 -0
  27. package/build/cjs/schema/constants.d.ts +46 -1
  28. package/build/cjs/schema/constants.js +2 -1
  29. package/build/cjs/schema/validators/sub-blocks.d.ts +1 -0
  30. package/build/cjs/schema/validators/sub-blocks.js +1 -0
  31. package/build/cjs/sub-blocks/FeedPartner/FeedPartner.css +57 -7
  32. package/build/cjs/sub-blocks/FeedPartner/FeedPartner.d.ts +1 -1
  33. package/build/cjs/sub-blocks/FeedPartner/FeedPartner.js +13 -7
  34. package/build/cjs/sub-blocks/FeedPartner/schema.d.ts +41 -25
  35. package/build/cjs/sub-blocks/FeedPartner/schema.js +30 -18
  36. package/build/esm/blocks/BlogFeed/BlogFeed.d.ts +1 -1
  37. package/build/esm/blocks/BlogFeed/BlogFeed.js +2 -2
  38. package/build/esm/blocks/BlogFeed/schema.d.ts +3 -0
  39. package/build/esm/blocks/BlogFeed/schema.js +2 -0
  40. package/build/esm/blocks/EventsFeed/EventsFeed.d.ts +1 -1
  41. package/build/esm/blocks/EventsFeed/EventsFeed.js +2 -2
  42. package/build/esm/blocks/EventsFeed/schema.d.ts +3 -0
  43. package/build/esm/blocks/EventsFeed/schema.js +2 -0
  44. package/build/esm/blocks/PartnersFeed/PartnersFeed.d.ts +1 -1
  45. package/build/esm/blocks/PartnersFeed/PartnersFeed.js +2 -2
  46. package/build/esm/blocks/PartnersFeed/schema.d.ts +3 -0
  47. package/build/esm/blocks/PartnersFeed/schema.js +2 -0
  48. package/build/esm/blocks/ResourceHubPosts/ResourceHubPosts.d.ts +1 -1
  49. package/build/esm/blocks/ResourceHubPosts/ResourceHubPosts.js +2 -2
  50. package/build/esm/blocks/ResourceHubPosts/schema.d.ts +3 -0
  51. package/build/esm/blocks/ResourceHubPosts/schema.js +2 -0
  52. package/build/esm/components/FeedHeader/Controls/Controls.css +14 -4
  53. package/build/esm/components/FeedHeader/Controls/Controls.d.ts +3 -2
  54. package/build/esm/components/FeedHeader/Controls/Controls.js +4 -2
  55. package/build/esm/components/FeedHeader/FeedHeader.d.ts +2 -2
  56. package/build/esm/components/FeedHeader/FeedHeader.js +2 -2
  57. package/build/esm/constructor-items.d.ts +5 -4
  58. package/build/esm/constructor-items.js +2 -1
  59. package/build/esm/models/constructor-items/blocks.d.ts +1 -0
  60. package/build/esm/models/constructor-items/sub-blocks.d.ts +10 -1
  61. package/build/esm/models/constructor-items/sub-blocks.js +1 -0
  62. package/build/esm/schema/constants.d.ts +46 -1
  63. package/build/esm/schema/constants.js +3 -2
  64. package/build/esm/schema/validators/sub-blocks.d.ts +1 -0
  65. package/build/esm/schema/validators/sub-blocks.js +1 -0
  66. package/build/esm/sub-blocks/FeedPartner/FeedPartner.css +57 -7
  67. package/build/esm/sub-blocks/FeedPartner/FeedPartner.d.ts +1 -1
  68. package/build/esm/sub-blocks/FeedPartner/FeedPartner.js +14 -8
  69. package/build/esm/sub-blocks/FeedPartner/schema.d.ts +41 -25
  70. package/build/esm/sub-blocks/FeedPartner/schema.js +30 -18
  71. package/package.json +1 -1
  72. package/schema/index.js +1 -1
  73. package/server/models/constructor-items/blocks.d.ts +1 -0
  74. package/server/models/constructor-items/sub-blocks.d.ts +10 -1
  75. package/server/models/constructor-items/sub-blocks.js +1 -0
  76. 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;
@@ -6,6 +6,9 @@ export declare const BlogFeedBlock: {
6
6
  title: {
7
7
  type: string;
8
8
  };
9
+ text: {
10
+ type: string;
11
+ };
9
12
  image: {
10
13
  type: string;
11
14
  };
@@ -8,6 +8,8 @@ exports.BlogFeedBlock = {
8
8
  required: [],
9
9
  properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
10
10
  type: 'string',
11
+ }, text: {
12
+ type: 'string',
11
13
  }, image: {
12
14
  type: 'string',
13
15
  } }),
@@ -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;
@@ -6,6 +6,9 @@ export declare const EventsFeedBlock: {
6
6
  title: {
7
7
  type: string;
8
8
  };
9
+ text: {
10
+ type: string;
11
+ };
9
12
  image: {
10
13
  type: string;
11
14
  };
@@ -8,6 +8,8 @@ exports.EventsFeedBlock = {
8
8
  required: [],
9
9
  properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
10
10
  type: 'string',
11
+ }, text: {
12
+ type: 'string',
11
13
  }, image: {
12
14
  type: 'string',
13
15
  } }),
@@ -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;
@@ -6,6 +6,9 @@ export declare const PartnersFeedBlock: {
6
6
  title: {
7
7
  type: string;
8
8
  };
9
+ text: {
10
+ type: string;
11
+ };
9
12
  image: {
10
13
  type: string;
11
14
  };
@@ -8,6 +8,8 @@ exports.PartnersFeedBlock = {
8
8
  required: [],
9
9
  properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
10
10
  type: 'string',
11
+ }, text: {
12
+ type: 'string',
11
13
  }, image: {
12
14
  type: 'string',
13
15
  } }),
@@ -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;
@@ -6,6 +6,9 @@ export declare const ResourceHubPostsBlock: {
6
6
  title: {
7
7
  type: string;
8
8
  };
9
+ text: {
10
+ type: string;
11
+ };
9
12
  image: {
10
13
  type: string;
11
14
  };
@@ -8,6 +8,8 @@ exports.ResourceHubPostsBlock = {
8
8
  required: [],
9
9
  properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
10
10
  type: 'string',
11
+ }, text: {
12
+ type: 'string',
11
13
  }, image: {
12
14
  type: 'string',
13
15
  } }),
@@ -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-controls__title, .pc-feed-header-controls__filters {
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("h1", { className: b('title') }, title),
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
  };
@@ -494,6 +494,7 @@ export interface ServicesBlockProps {
494
494
  export interface BaseFeedProps {
495
495
  image?: string;
496
496
  title?: string;
497
+ text?: string;
497
498
  }
498
499
  export interface EventsFeedBlockProps extends BaseFeedProps {
499
500
  }
@@ -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; /** @deprecated */
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
- flex-direction: column;
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
- width: 64px;
25
- height: 64px;
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: 4px;
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.__importDefault(require("react"));
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
- image && react_1.default.createElement(components_1.Image, { className: b('image'), src: image, alt: "logo" }),
13
- react_1.default.createElement("div", { className: b('wrap') },
14
- title && react_1.default.createElement("div", { className: b('title') }, title),
15
- subtitle && react_1.default.createElement("div", { className: b('subtitle') }, subtitle)),
16
- tags && (react_1.default.createElement("div", { className: b('tags') }, tags.map((item, index) => (react_1.default.createElement(components_1.Tag, { key: index, text: item }))))))));
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;