@doyourjob/gravity-ui-page-constructor 5.31.290 → 5.31.292
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/PartnerHeader/PartnerHeader.css +2 -0
- package/build/cjs/constructor-items.d.ts +1 -1
- package/build/cjs/models/constructor-items/sub-blocks.d.ts +1 -0
- package/build/cjs/schema/constants.d.ts +5 -0
- package/build/cjs/sub-blocks/FeedPartner/FeedPartner.css +10 -1
- package/build/cjs/sub-blocks/FeedPartner/FeedPartner.d.ts +1 -1
- package/build/cjs/sub-blocks/FeedPartner/FeedPartner.js +8 -2
- package/build/cjs/sub-blocks/FeedPartner/schema.d.ts +5 -0
- package/build/cjs/sub-blocks/FeedPartner/schema.js +4 -0
- package/build/esm/blocks/PartnerHeader/PartnerHeader.css +2 -0
- package/build/esm/constructor-items.d.ts +1 -1
- package/build/esm/models/constructor-items/sub-blocks.d.ts +1 -0
- package/build/esm/schema/constants.d.ts +5 -0
- package/build/esm/sub-blocks/FeedPartner/FeedPartner.css +10 -1
- package/build/esm/sub-blocks/FeedPartner/FeedPartner.d.ts +1 -1
- package/build/esm/sub-blocks/FeedPartner/FeedPartner.js +8 -2
- package/build/esm/sub-blocks/FeedPartner/schema.d.ts +5 -0
- package/build/esm/sub-blocks/FeedPartner/schema.js +4 -0
- package/package.json +1 -1
- package/schema/index.js +1 -1
- package/server/models/constructor-items/sub-blocks.d.ts +1 -0
- package/widget/index.js +1 -1
|
@@ -82,7 +82,7 @@ export declare const subBlockMap: {
|
|
|
82
82
|
"feed-card": import("react").MemoExoticComponent<({ url, image, title, type, description, info, place }: import("./models").FeedCardProps) => JSX.Element>;
|
|
83
83
|
"event-person-card": (props: import("./models").EventPersonCardProps) => JSX.Element;
|
|
84
84
|
"attachment-card": import("react").MemoExoticComponent<({ url, title, date, time, items, label, column, border, }: import("./models").AttachmentCardProps) => JSX.Element>;
|
|
85
|
-
"feed-partner": ({ url, label, level, levelColorText, levelColorBackground, background, image, title, subtitle, className, tags, jumpOnHover, }: import("./models").FeedPartnerProps) => JSX.Element;
|
|
85
|
+
"feed-partner": ({ url, label, level, levelColorText, levelColorBackground, background, image, imageScale, title, subtitle, className, tags, jumpOnHover, }: import("./models").FeedPartnerProps) => JSX.Element;
|
|
86
86
|
"case-study-card": import("react").MemoExoticComponent<(props: import("./models").CaseStudyCardProps) => JSX.Element>;
|
|
87
87
|
"story-card": import("react").FC<import("./models").StoryCardProps>;
|
|
88
88
|
"mini-case-card": import("react").FC<import("./models").MiniCaseCardProps>;
|
|
@@ -28,7 +28,7 @@ unpredictable css rules order in build */
|
|
|
28
28
|
display: flex;
|
|
29
29
|
justify-content: space-between;
|
|
30
30
|
align-items: flex-start;
|
|
31
|
-
|
|
31
|
+
height: 80px;
|
|
32
32
|
gap: 16px;
|
|
33
33
|
flex-wrap: wrap;
|
|
34
34
|
}
|
|
@@ -40,8 +40,17 @@ unpredictable css rules order in build */
|
|
|
40
40
|
background-color: var(--g-color-base-background);
|
|
41
41
|
color: var(--g-color-base-brand);
|
|
42
42
|
}
|
|
43
|
+
.pc-feed-partner__container-image {
|
|
44
|
+
flex: 1;
|
|
45
|
+
height: 100%;
|
|
46
|
+
display: flex;
|
|
47
|
+
align-items: flex-start;
|
|
48
|
+
}
|
|
43
49
|
.pc-feed-partner__image {
|
|
44
50
|
display: block;
|
|
51
|
+
object-fit: contain;
|
|
52
|
+
max-width: 90%;
|
|
53
|
+
max-height: 90%;
|
|
45
54
|
}
|
|
46
55
|
.pc-feed-partner__content {
|
|
47
56
|
position: relative;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { FeedPartnerProps } from '../../models';
|
|
2
|
-
declare const FeedPartner: ({ url, label, level, levelColorText, levelColorBackground, background, image, title, subtitle, className, tags, jumpOnHover, }: FeedPartnerProps) => JSX.Element;
|
|
2
|
+
declare const FeedPartner: ({ url, label, level, levelColorText, levelColorBackground, background, image, imageScale, title, subtitle, className, tags, jumpOnHover, }: FeedPartnerProps) => JSX.Element;
|
|
3
3
|
export default FeedPartner;
|
|
@@ -6,15 +6,21 @@ 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, label, level, levelColorText, levelColorBackground, background, image, title, subtitle, className, tags, jumpOnHover, }) => {
|
|
9
|
+
const FeedPartner = ({ url, label, level, levelColorText, levelColorBackground, background, image, imageScale, title, subtitle, className, tags, jumpOnHover, }) => {
|
|
10
10
|
const levelStyles = (0, react_1.useMemo)(() => ({ 'background-color': levelColorBackground, color: levelColorText }), [levelColorBackground, levelColorText]);
|
|
11
11
|
const backgroundStyles = (0, react_1.useMemo)(() => ({ background: background }), [background]);
|
|
12
|
+
const styles = (0, react_1.useMemo)(() => {
|
|
13
|
+
const style = {};
|
|
14
|
+
if (imageScale)
|
|
15
|
+
style.width = `${imageScale * 100}%`;
|
|
16
|
+
return style;
|
|
17
|
+
}, [imageScale]);
|
|
12
18
|
return (react_1.default.createElement(components_1.RouterLink, { href: url },
|
|
13
19
|
react_1.default.createElement(uikit_1.Link, { href: url, className: b({ jumpOnHover, border: 'line' }, className) },
|
|
14
20
|
background && react_1.default.createElement("div", { className: b('background'), style: backgroundStyles }),
|
|
15
21
|
react_1.default.createElement("div", { className: b('content') },
|
|
16
22
|
react_1.default.createElement("div", { className: b('head') },
|
|
17
|
-
image && react_1.default.createElement(components_1.Image, { className: b('image'), src: image, alt: "logo" }),
|
|
23
|
+
image && (react_1.default.createElement(components_1.Image, { className: b('image'), containerClassName: b('container-image'), src: image, style: styles, alt: "logo" })),
|
|
18
24
|
level && (react_1.default.createElement("div", { className: b('level'), style: levelStyles }, level))),
|
|
19
25
|
react_1.default.createElement("div", { className: b('wrap') },
|
|
20
26
|
label && react_1.default.createElement("div", { className: b('label') }, label),
|
|
@@ -82,7 +82,7 @@ export declare const subBlockMap: {
|
|
|
82
82
|
"feed-card": import("react").MemoExoticComponent<({ url, image, title, type, description, info, place }: import("./models").FeedCardProps) => JSX.Element>;
|
|
83
83
|
"event-person-card": (props: import("./models").EventPersonCardProps) => JSX.Element;
|
|
84
84
|
"attachment-card": import("react").MemoExoticComponent<({ url, title, date, time, items, label, column, border, }: import("./models").AttachmentCardProps) => JSX.Element>;
|
|
85
|
-
"feed-partner": ({ url, label, level, levelColorText, levelColorBackground, background, image, title, subtitle, className, tags, jumpOnHover, }: import("./models").FeedPartnerProps) => JSX.Element;
|
|
85
|
+
"feed-partner": ({ url, label, level, levelColorText, levelColorBackground, background, image, imageScale, title, subtitle, className, tags, jumpOnHover, }: import("./models").FeedPartnerProps) => JSX.Element;
|
|
86
86
|
"case-study-card": import("react").MemoExoticComponent<(props: import("./models").CaseStudyCardProps) => JSX.Element>;
|
|
87
87
|
"story-card": import("react").FC<import("./models").StoryCardProps>;
|
|
88
88
|
"mini-case-card": import("react").FC<import("./models").MiniCaseCardProps>;
|
|
@@ -28,7 +28,7 @@ unpredictable css rules order in build */
|
|
|
28
28
|
display: flex;
|
|
29
29
|
justify-content: space-between;
|
|
30
30
|
align-items: flex-start;
|
|
31
|
-
|
|
31
|
+
height: 80px;
|
|
32
32
|
gap: 16px;
|
|
33
33
|
flex-wrap: wrap;
|
|
34
34
|
}
|
|
@@ -40,8 +40,17 @@ unpredictable css rules order in build */
|
|
|
40
40
|
background-color: var(--g-color-base-background);
|
|
41
41
|
color: var(--g-color-base-brand);
|
|
42
42
|
}
|
|
43
|
+
.pc-feed-partner__container-image {
|
|
44
|
+
flex: 1;
|
|
45
|
+
height: 100%;
|
|
46
|
+
display: flex;
|
|
47
|
+
align-items: flex-start;
|
|
48
|
+
}
|
|
43
49
|
.pc-feed-partner__image {
|
|
44
50
|
display: block;
|
|
51
|
+
object-fit: contain;
|
|
52
|
+
max-width: 90%;
|
|
53
|
+
max-height: 90%;
|
|
45
54
|
}
|
|
46
55
|
.pc-feed-partner__content {
|
|
47
56
|
position: relative;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { FeedPartnerProps } from '../../models';
|
|
2
2
|
import './FeedPartner.css';
|
|
3
|
-
declare const FeedPartner: ({ url, label, level, levelColorText, levelColorBackground, background, image, title, subtitle, className, tags, jumpOnHover, }: FeedPartnerProps) => JSX.Element;
|
|
3
|
+
declare const FeedPartner: ({ url, label, level, levelColorText, levelColorBackground, background, image, imageScale, title, subtitle, className, tags, jumpOnHover, }: FeedPartnerProps) => JSX.Element;
|
|
4
4
|
export default FeedPartner;
|
|
@@ -4,15 +4,21 @@ import { Image, RouterLink } from '../../components';
|
|
|
4
4
|
import { block } from '../../utils';
|
|
5
5
|
import './FeedPartner.css';
|
|
6
6
|
const b = block('feed-partner');
|
|
7
|
-
const FeedPartner = ({ url, label, level, levelColorText, levelColorBackground, background, image, title, subtitle, className, tags, jumpOnHover, }) => {
|
|
7
|
+
const FeedPartner = ({ url, label, level, levelColorText, levelColorBackground, background, image, imageScale, title, subtitle, className, tags, jumpOnHover, }) => {
|
|
8
8
|
const levelStyles = useMemo(() => ({ 'background-color': levelColorBackground, color: levelColorText }), [levelColorBackground, levelColorText]);
|
|
9
9
|
const backgroundStyles = useMemo(() => ({ background: background }), [background]);
|
|
10
|
+
const styles = useMemo(() => {
|
|
11
|
+
const style = {};
|
|
12
|
+
if (imageScale)
|
|
13
|
+
style.width = `${imageScale * 100}%`;
|
|
14
|
+
return style;
|
|
15
|
+
}, [imageScale]);
|
|
10
16
|
return (React.createElement(RouterLink, { href: url },
|
|
11
17
|
React.createElement(Link, { href: url, className: b({ jumpOnHover, border: 'line' }, className) },
|
|
12
18
|
background && React.createElement("div", { className: b('background'), style: backgroundStyles }),
|
|
13
19
|
React.createElement("div", { className: b('content') },
|
|
14
20
|
React.createElement("div", { className: b('head') },
|
|
15
|
-
image && React.createElement(Image, { className: b('image'), src: image, alt: "logo" }),
|
|
21
|
+
image && (React.createElement(Image, { className: b('image'), containerClassName: b('container-image'), src: image, style: styles, alt: "logo" })),
|
|
16
22
|
level && (React.createElement("div", { className: b('level'), style: levelStyles }, level))),
|
|
17
23
|
React.createElement("div", { className: b('wrap') },
|
|
18
24
|
label && React.createElement("div", { className: b('label') }, label),
|