@doyourjob/gravity-ui-page-constructor 5.31.202 → 5.31.204
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/blocks/BlogFeed/BlogFeed.d.ts +1 -1
- package/build/cjs/blocks/BlogFeed/BlogFeed.js +2 -2
- package/build/cjs/blocks/BlogFeed/schema.d.ts +3 -0
- package/build/cjs/blocks/BlogFeed/schema.js +2 -0
- package/build/cjs/blocks/CustomerStoriesFeed/CustomerStoriesFeed.js +1 -2
- package/build/cjs/blocks/EventsFeed/EventsFeed.d.ts +1 -1
- package/build/cjs/blocks/EventsFeed/EventsFeed.js +2 -2
- package/build/cjs/blocks/EventsFeed/schema.d.ts +3 -0
- package/build/cjs/blocks/EventsFeed/schema.js +2 -0
- package/build/cjs/blocks/PartnersFeed/PartnersFeed.d.ts +1 -1
- package/build/cjs/blocks/PartnersFeed/PartnersFeed.js +2 -2
- package/build/cjs/blocks/PartnersFeed/schema.d.ts +3 -0
- package/build/cjs/blocks/PartnersFeed/schema.js +2 -0
- package/build/cjs/blocks/ResourceHubPosts/ResourceHubPosts.d.ts +1 -1
- package/build/cjs/blocks/ResourceHubPosts/ResourceHubPosts.js +2 -2
- package/build/cjs/blocks/ResourceHubPosts/schema.d.ts +3 -0
- package/build/cjs/blocks/ResourceHubPosts/schema.js +2 -0
- package/build/cjs/components/FeedHeader/Controls/Controls.css +14 -4
- package/build/cjs/components/FeedHeader/Controls/Controls.d.ts +3 -2
- package/build/cjs/components/FeedHeader/Controls/Controls.js +4 -2
- package/build/cjs/components/FeedHeader/FeedHeader.d.ts +2 -2
- package/build/cjs/components/FeedHeader/FeedHeader.js +2 -2
- package/build/cjs/components/Title/TitleItem.d.ts +1 -1
- package/build/cjs/constructor-items.d.ts +4 -4
- package/build/cjs/context/customerStoriesPostsContext/CustomerStoriesPostsContext.d.ts +1 -1
- package/build/cjs/models/constructor-items/blocks.d.ts +1 -0
- package/build/cjs/models/constructor-items/sub-blocks.d.ts +6 -1
- package/build/cjs/sub-blocks/FeedPartner/FeedPartner.css +57 -7
- package/build/cjs/sub-blocks/FeedPartner/FeedPartner.d.ts +1 -1
- package/build/cjs/sub-blocks/FeedPartner/FeedPartner.js +13 -7
- package/build/cjs/sub-blocks/FeedPartner/schema.d.ts +15 -1
- package/build/cjs/sub-blocks/FeedPartner/schema.js +10 -0
- package/build/cjs/sub-blocks/ImageCard/ImageCard.js +3 -1
- package/build/esm/blocks/BlogFeed/BlogFeed.d.ts +1 -1
- package/build/esm/blocks/BlogFeed/BlogFeed.js +2 -2
- package/build/esm/blocks/BlogFeed/schema.d.ts +3 -0
- package/build/esm/blocks/BlogFeed/schema.js +2 -0
- package/build/esm/blocks/CustomerStoriesFeed/CustomerStoriesFeed.js +2 -3
- package/build/esm/blocks/EventsFeed/EventsFeed.d.ts +1 -1
- package/build/esm/blocks/EventsFeed/EventsFeed.js +2 -2
- package/build/esm/blocks/EventsFeed/schema.d.ts +3 -0
- package/build/esm/blocks/EventsFeed/schema.js +2 -0
- package/build/esm/blocks/PartnersFeed/PartnersFeed.d.ts +1 -1
- package/build/esm/blocks/PartnersFeed/PartnersFeed.js +2 -2
- package/build/esm/blocks/PartnersFeed/schema.d.ts +3 -0
- package/build/esm/blocks/PartnersFeed/schema.js +2 -0
- package/build/esm/blocks/ResourceHubPosts/ResourceHubPosts.d.ts +1 -1
- package/build/esm/blocks/ResourceHubPosts/ResourceHubPosts.js +2 -2
- package/build/esm/blocks/ResourceHubPosts/schema.d.ts +3 -0
- package/build/esm/blocks/ResourceHubPosts/schema.js +2 -0
- package/build/esm/components/FeedHeader/Controls/Controls.css +14 -4
- package/build/esm/components/FeedHeader/Controls/Controls.d.ts +3 -2
- package/build/esm/components/FeedHeader/Controls/Controls.js +4 -2
- package/build/esm/components/FeedHeader/FeedHeader.d.ts +2 -2
- package/build/esm/components/FeedHeader/FeedHeader.js +2 -2
- package/build/esm/components/Title/TitleItem.d.ts +1 -1
- package/build/esm/constructor-items.d.ts +4 -4
- package/build/esm/context/customerStoriesPostsContext/CustomerStoriesPostsContext.d.ts +1 -1
- package/build/esm/models/constructor-items/blocks.d.ts +1 -0
- package/build/esm/models/constructor-items/sub-blocks.d.ts +6 -1
- package/build/esm/sub-blocks/FeedPartner/FeedPartner.css +57 -7
- package/build/esm/sub-blocks/FeedPartner/FeedPartner.d.ts +1 -1
- package/build/esm/sub-blocks/FeedPartner/FeedPartner.js +14 -8
- package/build/esm/sub-blocks/FeedPartner/schema.d.ts +15 -1
- package/build/esm/sub-blocks/FeedPartner/schema.js +10 -0
- package/build/esm/sub-blocks/ImageCard/ImageCard.js +3 -1
- 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 +6 -1
- package/widget/index.js +1 -1
- package/build/cjs/blocks/CustomerStoriesFeed/CustomerStoriesCard/CustomerStoriesCard.d.ts +0 -10
- package/build/cjs/blocks/CustomerStoriesFeed/CustomerStoriesCard/CustomerStoriesCard.js +0 -23
- package/build/esm/blocks/CustomerStoriesFeed/CustomerStoriesCard/CustomerStoriesCard.d.ts +0 -10
- package/build/esm/blocks/CustomerStoriesFeed/CustomerStoriesCard/CustomerStoriesCard.js +0 -18
|
@@ -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;
|
|
@@ -5,7 +5,6 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
6
|
const __1 = require("../..");
|
|
7
7
|
const components_1 = require("../../components");
|
|
8
|
-
const CustomerStoriesCard_1 = tslib_1.__importDefault(require("./CustomerStoriesCard/CustomerStoriesCard"));
|
|
9
8
|
const colSizes = {
|
|
10
9
|
all: 12,
|
|
11
10
|
lg: 4,
|
|
@@ -19,7 +18,7 @@ const CustomerStoriesFeedBlock = () => {
|
|
|
19
18
|
return null;
|
|
20
19
|
}
|
|
21
20
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
22
|
-
react_1.default.createElement(__1.CardLayoutBlock, { colSizes: colSizes }, itemsToShow.map((item) => (react_1.default.createElement(
|
|
21
|
+
react_1.default.createElement(__1.CardLayoutBlock, { colSizes: colSizes }, itemsToShow.map((item) => (react_1.default.createElement(__1.ImageCard, Object.assign({ key: item.url }, item))))),
|
|
23
22
|
react_1.default.createElement(components_1.InfiniteScroll, { hasMore: hasMore, onNext: onLoadMore })));
|
|
24
23
|
};
|
|
25
24
|
exports.CustomerStoriesFeedBlock = CustomerStoriesFeedBlock;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { EventsFeedBlockProps } from '../../models';
|
|
2
|
-
export declare const EventsFeedBlock: ({ image, title }: EventsFeedBlockProps) => JSX.Element;
|
|
2
|
+
export declare const EventsFeedBlock: ({ image, title, text }: EventsFeedBlockProps) => JSX.Element;
|
|
3
3
|
export default EventsFeedBlock;
|
|
@@ -6,8 +6,8 @@ const react_1 = tslib_1.__importDefault(require("react"));
|
|
|
6
6
|
const FeedHeader_1 = tslib_1.__importDefault(require("../../components/FeedHeader/FeedHeader"));
|
|
7
7
|
const EventsFeedSection_1 = tslib_1.__importDefault(require("./EventsFeedSection/EventsFeedSection"));
|
|
8
8
|
const i18n_1 = require("./i18n");
|
|
9
|
-
const EventsFeedBlock = ({ image, title }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
10
|
-
react_1.default.createElement(FeedHeader_1.default, { image: image, title: title }),
|
|
9
|
+
const EventsFeedBlock = ({ image, title, text }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
10
|
+
react_1.default.createElement(FeedHeader_1.default, { image: image, title: title, text: text }),
|
|
11
11
|
react_1.default.createElement(EventsFeedSection_1.default, { typeKey: "upcoming" }),
|
|
12
12
|
react_1.default.createElement(EventsFeedSection_1.default, { typeKey: "recent", title: (0, i18n_1.i18n)('recent_events') })));
|
|
13
13
|
exports.EventsFeedBlock = EventsFeedBlock;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { EventsFeedBlockProps } from '../../models';
|
|
2
|
-
export declare const PartnersFeedBlock: ({ image, title }: EventsFeedBlockProps) => JSX.Element;
|
|
2
|
+
export declare const PartnersFeedBlock: ({ image, title, text }: EventsFeedBlockProps) => JSX.Element;
|
|
3
3
|
export default PartnersFeedBlock;
|
|
@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
const FeedHeader_1 = tslib_1.__importDefault(require("../../components/FeedHeader/FeedHeader"));
|
|
7
7
|
const PartnersFeedSection_1 = tslib_1.__importDefault(require("./PartnersFeedSection/PartnersFeedSection"));
|
|
8
|
-
const PartnersFeedBlock = ({ image, title }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
9
|
-
react_1.default.createElement(FeedHeader_1.default, { image: image, title: title }),
|
|
8
|
+
const PartnersFeedBlock = ({ image, title, text }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
9
|
+
react_1.default.createElement(FeedHeader_1.default, { image: image, title: title, text: text }),
|
|
10
10
|
react_1.default.createElement(PartnersFeedSection_1.default, null)));
|
|
11
11
|
exports.PartnersFeedBlock = PartnersFeedBlock;
|
|
12
12
|
exports.default = exports.PartnersFeedBlock;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ResourceHubPostsBlockProps } from '../../models';
|
|
2
|
-
export declare const ResourceHubPostsBlock: ({ image, title }: ResourceHubPostsBlockProps) => JSX.Element;
|
|
2
|
+
export declare const ResourceHubPostsBlock: ({ image, title, text }: ResourceHubPostsBlockProps) => JSX.Element;
|
|
3
3
|
export default ResourceHubPostsBlock;
|
|
@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
const FeedHeader_1 = tslib_1.__importDefault(require("../../components/FeedHeader/FeedHeader"));
|
|
7
7
|
const ResourceHubPostsSection_1 = tslib_1.__importDefault(require("./ResourceHubPostsSection/ResourceHubPostsSection"));
|
|
8
|
-
const ResourceHubPostsBlock = ({ image, title }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
9
|
-
react_1.default.createElement(FeedHeader_1.default, { image: image, title: title }),
|
|
8
|
+
const ResourceHubPostsBlock = ({ image, title, text }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
9
|
+
react_1.default.createElement(FeedHeader_1.default, { image: image, title: title, text: text }),
|
|
10
10
|
react_1.default.createElement(ResourceHubPostsSection_1.default, null)));
|
|
11
11
|
exports.ResourceHubPostsBlock = ResourceHubPostsBlock;
|
|
12
12
|
exports.default = exports.ResourceHubPostsBlock;
|
|
@@ -8,17 +8,27 @@ unpredictable css rules order in build */
|
|
|
8
8
|
padding-bottom: 20px;
|
|
9
9
|
border-radius: var(--bc-border-radius);
|
|
10
10
|
}
|
|
11
|
-
.pc-feed-header-
|
|
11
|
+
.pc-feed-header-controls__wrap {
|
|
12
|
+
display: flex;
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
align-items: center;
|
|
15
|
+
gap: 16px;
|
|
16
|
+
padding-top: 112px;
|
|
17
|
+
padding-bottom: 96px;
|
|
18
|
+
}
|
|
19
|
+
.pc-feed-header-controls__title, .pc-feed-header-controls__text, .pc-feed-header-controls__filters {
|
|
12
20
|
display: flex;
|
|
13
21
|
flex-wrap: wrap;
|
|
14
22
|
justify-content: center;
|
|
15
23
|
}
|
|
16
24
|
.pc-feed-header-controls__title {
|
|
17
|
-
padding-top: 112px;
|
|
18
|
-
padding-bottom: 96px;
|
|
19
|
-
margin: 0;
|
|
20
25
|
font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
|
|
21
26
|
line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
|
|
27
|
+
margin: 0;
|
|
28
|
+
}
|
|
29
|
+
.pc-feed-header-controls__text {
|
|
30
|
+
font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
|
|
31
|
+
line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
|
|
22
32
|
}
|
|
23
33
|
.pc-feed-header-controls__filter-item {
|
|
24
34
|
flex-grow: 1;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export type ControlsProps = {
|
|
3
3
|
title?: string;
|
|
4
|
+
text?: string;
|
|
4
5
|
};
|
|
5
|
-
export declare const Controls: ({ title }: ControlsProps) => JSX.Element;
|
|
6
|
-
declare const _default: React.MemoExoticComponent<({ title }: ControlsProps) => JSX.Element>;
|
|
6
|
+
export declare const Controls: ({ title, text }: ControlsProps) => JSX.Element;
|
|
7
|
+
declare const _default: React.MemoExoticComponent<({ title, text }: ControlsProps) => JSX.Element>;
|
|
7
8
|
export default _default;
|
|
@@ -30,11 +30,13 @@ const Filter = ({ name, type, value, label, items, }) => {
|
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
const FilterMemo = react_1.default.memo(Filter);
|
|
33
|
-
const Controls = ({ title }) => {
|
|
33
|
+
const Controls = ({ title, text }) => {
|
|
34
34
|
const { filters } = (0, react_1.useContext)(feedHeaderContext_1.FeedHeaderFiltersContext);
|
|
35
35
|
const { filter } = (0, react_1.useContext)(feedHeaderContext_1.FeedHeaderFilterContext);
|
|
36
36
|
return (react_1.default.createElement("div", { className: b() },
|
|
37
|
-
react_1.default.createElement("
|
|
37
|
+
title || text ? (react_1.default.createElement("div", { className: b('wrap') },
|
|
38
|
+
title && react_1.default.createElement("h1", { className: b('title') }, title),
|
|
39
|
+
text && react_1.default.createElement("div", { className: b('text') }, text))) : null,
|
|
38
40
|
react_1.default.createElement("div", { className: b('filters') }, filters.map((item) => (react_1.default.createElement(FilterMemo, { key: item.name, name: item.name, value: filter[item.name], type: item.type, label: item.label, items: item.items }))))));
|
|
39
41
|
};
|
|
40
42
|
exports.Controls = Controls;
|
|
@@ -3,6 +3,6 @@ import { ControlsProps } from './Controls/Controls';
|
|
|
3
3
|
interface FeedHeaderProps extends ControlsProps {
|
|
4
4
|
image?: string;
|
|
5
5
|
}
|
|
6
|
-
export declare const FeedHeader: ({ title, image }: FeedHeaderProps) => JSX.Element;
|
|
7
|
-
declare const _default: React.MemoExoticComponent<({ title, image }: FeedHeaderProps) => JSX.Element>;
|
|
6
|
+
export declare const FeedHeader: ({ title, text, image }: FeedHeaderProps) => JSX.Element;
|
|
7
|
+
declare const _default: React.MemoExoticComponent<({ title, text, image }: FeedHeaderProps) => JSX.Element>;
|
|
8
8
|
export default _default;
|
|
@@ -8,11 +8,11 @@ const grid_1 = require("../../grid");
|
|
|
8
8
|
const utils_1 = require("../../utils");
|
|
9
9
|
const Controls_1 = tslib_1.__importDefault(require("./Controls/Controls"));
|
|
10
10
|
const b = (0, utils_1.block)('feed-header');
|
|
11
|
-
const FeedHeader = ({ title, image }) => {
|
|
11
|
+
const FeedHeader = ({ title, text, image }) => {
|
|
12
12
|
return (react_1.default.createElement("div", { className: b() },
|
|
13
13
|
react_1.default.createElement(grid_1.Grid, { className: b('content') },
|
|
14
14
|
image && react_1.default.createElement(components_1.BackgroundImage, { src: image, className: b('background') }),
|
|
15
|
-
react_1.default.createElement(Controls_1.default, { title: title }))));
|
|
15
|
+
react_1.default.createElement(Controls_1.default, { title: title, text: text }))));
|
|
16
16
|
};
|
|
17
17
|
exports.FeedHeader = FeedHeader;
|
|
18
18
|
exports.default = react_1.default.memo(exports.FeedHeader);
|
|
@@ -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 | 13 | 22 | 24 | 26 | 38 | 20;
|
|
3
3
|
export interface TitleItemFullProps extends TitleItemProps, QAProps {
|
|
4
4
|
className?: string;
|
|
5
5
|
onClick?: () => void;
|
|
@@ -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;
|
|
@@ -185,6 +185,11 @@ export interface LayoutItemProps extends ClassNameProps, CardLayoutProps, Analyt
|
|
|
185
185
|
paddingBottom?: 's' | 'm' | 'l' | 'xl';
|
|
186
186
|
}
|
|
187
187
|
export interface FeedPartnerProps extends ClassNameProps {
|
|
188
|
+
type?: string;
|
|
189
|
+
level?: string;
|
|
190
|
+
levelColorText?: string;
|
|
191
|
+
levelColorBackground?: string;
|
|
192
|
+
background?: string;
|
|
188
193
|
url: string;
|
|
189
194
|
image?: string;
|
|
190
195
|
title?: string;
|
|
@@ -194,7 +199,7 @@ export interface FeedPartnerProps extends ClassNameProps {
|
|
|
194
199
|
}
|
|
195
200
|
export interface ImageCardProps extends CardBaseProps, CardLayoutProps, Omit<ContentBlockProps, 'colSizes' | 'centered' | 'controlPosition'> {
|
|
196
201
|
image: ThemeSupporting<ImageProps>;
|
|
197
|
-
hoverImage
|
|
202
|
+
hoverImage?: ThemeSupporting<ImageProps>;
|
|
198
203
|
enableImageBorderRadius?: boolean;
|
|
199
204
|
margins?: ImageCardMargins;
|
|
200
205
|
direction?: ImageCardDirection;
|
|
@@ -7,12 +7,12 @@ unpredictable css rules order in build */
|
|
|
7
7
|
.pc-feed-partner {
|
|
8
8
|
border-radius: var(--pc-border-radius);
|
|
9
9
|
background-color: var(--g-color-base-float);
|
|
10
|
-
padding: 16px;
|
|
11
|
-
gap: 16px;
|
|
12
10
|
transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
|
|
13
11
|
display: flex;
|
|
14
|
-
|
|
12
|
+
overflow: hidden;
|
|
13
|
+
position: relative;
|
|
15
14
|
height: 100%;
|
|
15
|
+
min-height: 434px;
|
|
16
16
|
width: 100%;
|
|
17
17
|
--pc-tag-background-color: var(--g-color-base-brand);
|
|
18
18
|
--pc-tag-text-color: var(--g-color-base-background);
|
|
@@ -20,19 +20,60 @@ unpredictable css rules order in build */
|
|
|
20
20
|
.pc-feed-partner_border_line {
|
|
21
21
|
border: 1px solid var(--g-color-line-generic);
|
|
22
22
|
}
|
|
23
|
+
.pc-feed-partner__background {
|
|
24
|
+
position: absolute;
|
|
25
|
+
inset: 0;
|
|
26
|
+
}
|
|
27
|
+
.pc-feed-partner__background-image {
|
|
28
|
+
display: block;
|
|
29
|
+
width: 100%;
|
|
30
|
+
height: 100%;
|
|
31
|
+
object-fit: cover;
|
|
32
|
+
}
|
|
33
|
+
.pc-feed-partner__head {
|
|
34
|
+
display: flex;
|
|
35
|
+
justify-content: space-between;
|
|
36
|
+
align-items: flex-start;
|
|
37
|
+
min-height: 80px;
|
|
38
|
+
}
|
|
39
|
+
.pc-feed-partner__level {
|
|
40
|
+
padding: 4px 12px;
|
|
41
|
+
border-radius: 16px;
|
|
42
|
+
font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
|
|
43
|
+
line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
|
|
44
|
+
background-color: var(--g-color-base-background);
|
|
45
|
+
color: var(--g-color-base-brand);
|
|
46
|
+
}
|
|
23
47
|
.pc-feed-partner__image {
|
|
24
|
-
|
|
25
|
-
|
|
48
|
+
display: block;
|
|
49
|
+
}
|
|
50
|
+
.pc-feed-partner__content {
|
|
51
|
+
position: relative;
|
|
52
|
+
z-index: 1;
|
|
53
|
+
display: flex;
|
|
54
|
+
flex-direction: column;
|
|
55
|
+
padding: 28px 32px 32px;
|
|
56
|
+
gap: 24px;
|
|
26
57
|
}
|
|
27
58
|
.pc-feed-partner__wrap {
|
|
28
59
|
display: flex;
|
|
29
60
|
flex-direction: column;
|
|
30
|
-
gap: 8px;
|
|
31
61
|
}
|
|
32
62
|
.pc-feed-partner__tags {
|
|
33
63
|
display: flex;
|
|
34
64
|
flex-wrap: wrap;
|
|
35
|
-
gap:
|
|
65
|
+
gap: 8px;
|
|
66
|
+
}
|
|
67
|
+
.pc-feed-partner__tag {
|
|
68
|
+
font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
|
|
69
|
+
line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
|
|
70
|
+
height: 36px;
|
|
71
|
+
display: flex;
|
|
72
|
+
align-items: center;
|
|
73
|
+
padding: 0 16px;
|
|
74
|
+
border: 1px solid var(--g-color-private-black-100);
|
|
75
|
+
border-radius: 24px;
|
|
76
|
+
color: var(--g-color-text-primary);
|
|
36
77
|
}
|
|
37
78
|
.pc-feed-partner_jumpOnHover {
|
|
38
79
|
transition: transform 0.3s ease-out;
|
|
@@ -40,11 +81,20 @@ unpredictable css rules order in build */
|
|
|
40
81
|
.pc-feed-partner_jumpOnHover:hover {
|
|
41
82
|
transform: translateY(-8px);
|
|
42
83
|
}
|
|
84
|
+
.pc-feed-partner__type {
|
|
85
|
+
font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
|
|
86
|
+
line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
|
|
87
|
+
color: var(--g-color-text-primary);
|
|
88
|
+
opacity: 0.6;
|
|
89
|
+
font-weight: bold;
|
|
90
|
+
margin-bottom: 4px;
|
|
91
|
+
}
|
|
43
92
|
.pc-feed-partner__title {
|
|
44
93
|
font-size: var(--g-text-header-2-font-size, var(--pc-text-header-2-font-size));
|
|
45
94
|
line-height: var(--g-text-header-2-line-height, var(--pc-text-header-2-line-height));
|
|
46
95
|
color: var(--g-color-text-primary);
|
|
47
96
|
font-weight: bold;
|
|
97
|
+
margin-bottom: 8px;
|
|
48
98
|
}
|
|
49
99
|
.pc-feed-partner__subtitle {
|
|
50
100
|
font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { FeedPartnerProps } from '../../models';
|
|
2
|
-
declare const FeedPartner: ({ url, image, title, subtitle, className, tags, jumpOnHover, }: FeedPartnerProps) => JSX.Element;
|
|
2
|
+
declare const FeedPartner: ({ url, type, level, levelColorText, levelColorBackground, background, image, title, subtitle, className, tags, jumpOnHover, }: FeedPartnerProps) => JSX.Element;
|
|
3
3
|
export default FeedPartner;
|
|
@@ -1,18 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
|
-
const react_1 = tslib_1.
|
|
4
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
const uikit_1 = require("@gravity-ui/uikit");
|
|
6
6
|
const components_1 = require("../../components");
|
|
7
7
|
const utils_1 = require("../../utils");
|
|
8
8
|
const b = (0, utils_1.block)('feed-partner');
|
|
9
|
-
const FeedPartner = ({ url, image, title, subtitle, className, tags, jumpOnHover, }) => {
|
|
9
|
+
const FeedPartner = ({ url, type, level, levelColorText, levelColorBackground, background, image, title, subtitle, className, tags, jumpOnHover, }) => {
|
|
10
|
+
const levelStyles = (0, react_1.useMemo)(() => ({ 'background-color': levelColorBackground, color: levelColorText }), [levelColorBackground, levelColorText]);
|
|
10
11
|
return (react_1.default.createElement(components_1.RouterLink, { href: url },
|
|
11
12
|
react_1.default.createElement(uikit_1.Link, { href: url, className: b({ jumpOnHover, border: 'line' }, className) },
|
|
12
|
-
|
|
13
|
-
react_1.default.createElement("div", { className: b('
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
background && (react_1.default.createElement(components_1.Image, { className: b('background-image'), containerClassName: b('background'), src: background, alt: "background" })),
|
|
14
|
+
react_1.default.createElement("div", { className: b('content') },
|
|
15
|
+
react_1.default.createElement("div", { className: b('head') },
|
|
16
|
+
image && react_1.default.createElement(components_1.Image, { className: b('image'), src: image, alt: "logo" }),
|
|
17
|
+
level && (react_1.default.createElement("div", { className: b('level'), style: levelStyles }, level))),
|
|
18
|
+
react_1.default.createElement("div", { className: b('wrap') },
|
|
19
|
+
type && react_1.default.createElement("div", { className: b('type') }, type),
|
|
20
|
+
title && react_1.default.createElement("div", { className: b('title') }, title),
|
|
21
|
+
subtitle && react_1.default.createElement("div", { className: b('subtitle') }, subtitle)),
|
|
22
|
+
tags && (react_1.default.createElement("div", { className: b('tags') }, tags.map((item, index) => (react_1.default.createElement("div", { key: index, className: b('tag') }, item)))))))));
|
|
17
23
|
};
|
|
18
24
|
exports.default = FeedPartner;
|
|
@@ -5,6 +5,21 @@ export declare const FeedPartner: {
|
|
|
5
5
|
url: {
|
|
6
6
|
type: string;
|
|
7
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
|
+
};
|
|
8
23
|
image: {
|
|
9
24
|
type: string;
|
|
10
25
|
};
|
|
@@ -23,7 +38,6 @@ export declare const FeedPartner: {
|
|
|
23
38
|
jumpOnHover: {
|
|
24
39
|
type: string;
|
|
25
40
|
};
|
|
26
|
-
type: {};
|
|
27
41
|
when: {
|
|
28
42
|
type: string;
|
|
29
43
|
};
|
|
@@ -7,6 +7,16 @@ exports.FeedPartner = {
|
|
|
7
7
|
additionalProperties: false,
|
|
8
8
|
properties: Object.assign(Object.assign({}, common_1.BaseProps), { url: {
|
|
9
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',
|
|
10
20
|
}, image: {
|
|
11
21
|
type: 'string',
|
|
12
22
|
}, title: {
|
|
@@ -17,7 +17,9 @@ const ImageCard = (props) => {
|
|
|
17
17
|
const areControlsInFooter = controlPosition === 'footer';
|
|
18
18
|
const hasContent = Boolean(text || title || buttons || links || list);
|
|
19
19
|
const imageProps = (0, utils_1.getMediaImage)((0, utils_2.getThemedValue)(image, globalTheme) || '');
|
|
20
|
-
const hoverImageProps =
|
|
20
|
+
const hoverImageProps = hoverImage
|
|
21
|
+
? (0, utils_1.getMediaImage)((0, utils_2.getThemedValue)(hoverImage, globalTheme) || '')
|
|
22
|
+
: {};
|
|
21
23
|
const titleId = (0, uikit_1.useUniqId)();
|
|
22
24
|
const cardContent = (react_1.default.createElement(react_1.default.Fragment, null,
|
|
23
25
|
label && (react_1.default.createElement("div", { className: b('labels') }, Array.isArray(label) ? (label.map((item, index) => react_1.default.createElement(components_1.Tag, Object.assign({ key: index }, item)))) : (react_1.default.createElement(components_1.Tag, Object.assign({}, label))))),
|
|
@@ -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;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import FeedHeader from '../../components/FeedHeader/FeedHeader';
|
|
3
3
|
import BlogFeedPosts from './BlogFeedPosts/BlogFeedPosts';
|
|
4
|
-
export const BlogFeedBlock = ({ image, title }) => (React.createElement(React.Fragment, null,
|
|
5
|
-
React.createElement(FeedHeader, { image: image, title: title }),
|
|
4
|
+
export const BlogFeedBlock = ({ image, title, text }) => (React.createElement(React.Fragment, null,
|
|
5
|
+
React.createElement(FeedHeader, { image: image, title: title, text: text }),
|
|
6
6
|
React.createElement(BlogFeedPosts, null)));
|
|
7
7
|
export default BlogFeedBlock;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React, { useContext } from 'react';
|
|
2
|
-
import { CardLayoutBlock, CustomerStoriesPostsContext } from '../..';
|
|
2
|
+
import { CardLayoutBlock, CustomerStoriesPostsContext, ImageCard } from '../..';
|
|
3
3
|
import { InfiniteScroll } from '../../components';
|
|
4
|
-
import CustomerStoriesCard from './CustomerStoriesCard/CustomerStoriesCard';
|
|
5
4
|
const colSizes = {
|
|
6
5
|
all: 12,
|
|
7
6
|
lg: 4,
|
|
@@ -15,7 +14,7 @@ export const CustomerStoriesFeedBlock = () => {
|
|
|
15
14
|
return null;
|
|
16
15
|
}
|
|
17
16
|
return (React.createElement(React.Fragment, null,
|
|
18
|
-
React.createElement(CardLayoutBlock, { colSizes: colSizes }, itemsToShow.map((item) => (React.createElement(
|
|
17
|
+
React.createElement(CardLayoutBlock, { colSizes: colSizes }, itemsToShow.map((item) => (React.createElement(ImageCard, Object.assign({ key: item.url }, item))))),
|
|
19
18
|
React.createElement(InfiniteScroll, { hasMore: hasMore, onNext: onLoadMore })));
|
|
20
19
|
};
|
|
21
20
|
export default CustomerStoriesFeedBlock;
|
|
@@ -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;
|
|
@@ -2,8 +2,8 @@ import React from 'react';
|
|
|
2
2
|
import FeedHeader from '../../components/FeedHeader/FeedHeader';
|
|
3
3
|
import EventsFeedSection from './EventsFeedSection/EventsFeedSection';
|
|
4
4
|
import { i18n } from './i18n';
|
|
5
|
-
export const EventsFeedBlock = ({ image, title }) => (React.createElement(React.Fragment, null,
|
|
6
|
-
React.createElement(FeedHeader, { image: image, title: title }),
|
|
5
|
+
export const EventsFeedBlock = ({ image, title, text }) => (React.createElement(React.Fragment, null,
|
|
6
|
+
React.createElement(FeedHeader, { image: image, title: title, text: text }),
|
|
7
7
|
React.createElement(EventsFeedSection, { typeKey: "upcoming" }),
|
|
8
8
|
React.createElement(EventsFeedSection, { typeKey: "recent", title: i18n('recent_events') })));
|
|
9
9
|
export default EventsFeedBlock;
|