@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.
@@ -87,6 +87,8 @@ unpredictable css rules order in build */
87
87
  }
88
88
  .pc-partner-header-block__logo {
89
89
  display: block;
90
+ width: 250px;
91
+ height: 130px;
90
92
  }
91
93
  @media (min-width: 769px) {
92
94
  .pc-partner-header-block__logo--bottom {
@@ -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>;
@@ -205,6 +205,7 @@ export interface FeedPartnerProps extends ClassNameProps {
205
205
  background?: string;
206
206
  url: string;
207
207
  image?: string;
208
+ imageScale?: number;
208
209
  title?: string;
209
210
  subtitle?: string;
210
211
  tags?: string[];
@@ -520,6 +520,11 @@ export declare const cardSchemas: {
520
520
  image: {
521
521
  type: string;
522
522
  };
523
+ imageScale: {
524
+ type: string;
525
+ minimum: number;
526
+ maximum: number;
527
+ };
523
528
  title: {
524
529
  type: string;
525
530
  };
@@ -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
- min-height: 80px;
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),
@@ -24,6 +24,11 @@ export declare const FeedPartner: {
24
24
  image: {
25
25
  type: string;
26
26
  };
27
+ imageScale: {
28
+ type: string;
29
+ minimum: number;
30
+ maximum: number;
31
+ };
27
32
  title: {
28
33
  type: string;
29
34
  };
@@ -20,6 +20,10 @@ exports.FeedPartner = {
20
20
  type: 'string',
21
21
  }, image: {
22
22
  type: 'string',
23
+ }, imageScale: {
24
+ type: 'number',
25
+ minimum: 0,
26
+ maximum: 1,
23
27
  }, title: {
24
28
  type: 'string',
25
29
  }, subtitle: {
@@ -87,6 +87,8 @@ unpredictable css rules order in build */
87
87
  }
88
88
  .pc-partner-header-block__logo {
89
89
  display: block;
90
+ width: 250px;
91
+ height: 130px;
90
92
  }
91
93
  @media (min-width: 769px) {
92
94
  .pc-partner-header-block__logo--bottom {
@@ -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>;
@@ -205,6 +205,7 @@ export interface FeedPartnerProps extends ClassNameProps {
205
205
  background?: string;
206
206
  url: string;
207
207
  image?: string;
208
+ imageScale?: number;
208
209
  title?: string;
209
210
  subtitle?: string;
210
211
  tags?: string[];
@@ -520,6 +520,11 @@ export declare const cardSchemas: {
520
520
  image: {
521
521
  type: string;
522
522
  };
523
+ imageScale: {
524
+ type: string;
525
+ minimum: number;
526
+ maximum: number;
527
+ };
523
528
  title: {
524
529
  type: string;
525
530
  };
@@ -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
- min-height: 80px;
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),
@@ -24,6 +24,11 @@ export declare const FeedPartner: {
24
24
  image: {
25
25
  type: string;
26
26
  };
27
+ imageScale: {
28
+ type: string;
29
+ minimum: number;
30
+ maximum: number;
31
+ };
27
32
  title: {
28
33
  type: string;
29
34
  };
@@ -17,6 +17,10 @@ export const FeedPartner = {
17
17
  type: 'string',
18
18
  }, image: {
19
19
  type: 'string',
20
+ }, imageScale: {
21
+ type: 'number',
22
+ minimum: 0,
23
+ maximum: 1,
20
24
  }, title: {
21
25
  type: 'string',
22
26
  }, subtitle: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@doyourjob/gravity-ui-page-constructor",
3
- "version": "5.31.290",
3
+ "version": "5.31.292",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {