@doyourjob/gravity-ui-page-constructor-addons 2.1.33 → 2.1.34

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.
@@ -126,8 +126,10 @@ unpredictable css rules order in build */
126
126
  padding: 20px;
127
127
  display: flex;
128
128
  flex-direction: column;
129
- min-height: 310px;
129
+ height: 100%;
130
130
  border-radius: 8px;
131
+ overflow: hidden;
132
+ max-height: 300px;
131
133
  }
132
134
 
133
135
  .pc-addons-nh-default-popup__stock-background {
@@ -18,17 +18,17 @@ const NHEventCard = ({ title, caption, description, image, url }) => (react_1.de
18
18
  react_1.default.createElement("div", { className: b('card-caption') }, caption),
19
19
  react_1.default.createElement("div", { className: b('card-title') }, title),
20
20
  react_1.default.createElement("div", { className: b('card-description') }, description))));
21
- const NHStock = ({ background }) => {
21
+ const NHStock = ({ title, delayed, image }) => {
22
22
  const data = (0, react_1.useContext)(gravity_ui_page_constructor_1.HeaderStockContext);
23
23
  if (!data.price)
24
24
  return null;
25
25
  return (react_1.default.createElement("div", { className: b('stock') },
26
- background ? (react_1.default.createElement("img", { className: b('stock-background'), src: background, alt: "Stock background" })) : null,
27
- react_1.default.createElement("div", { className: b('stock-title') }, data.price.name),
26
+ image ? (react_1.default.createElement("img", { className: b('stock-background'), src: image, alt: "Stock background" })) : null,
27
+ react_1.default.createElement("div", { className: b('stock-title') }, title),
28
28
  react_1.default.createElement("div", { className: b('stock-title') }, data.price.percent),
29
29
  react_1.default.createElement("div", { className: b('stock-value') }, data.price.price),
30
30
  react_1.default.createElement("div", { className: b('stock-date') }, data.price.update),
31
- react_1.default.createElement("div", { className: b('stock-date') }, data.price.delayed)));
31
+ react_1.default.createElement("div", { className: b('stock-date') }, delayed)));
32
32
  };
33
33
  const NHDefaultPopup = ({ sections, right, maxWidth, primaryColor, primaryColorHover, }) => {
34
34
  const rootStyle = (0, react_1.useMemo)(() => maxWidth
@@ -58,6 +58,6 @@ const NHDefaultPopup = ({ sections, right, maxWidth, primaryColor, primaryColorH
58
58
  right && (react_1.default.createElement("div", { className: b('right') },
59
59
  react_1.default.createElement("div", { className: b('title') }, right.title),
60
60
  cards && react_1.default.createElement("div", { className: b('cards') }, cards),
61
- right.stock && react_1.default.createElement(NHStock, { background: right.stockImage })))));
61
+ right.stock && react_1.default.createElement(NHStock, Object.assign({}, right.stock))))));
62
62
  };
63
63
  exports.NHDefaultPopup = NHDefaultPopup;
@@ -66,6 +66,11 @@ export interface NHEventCardData {
66
66
  image: string;
67
67
  url: string;
68
68
  }
69
+ export interface NHStockData {
70
+ title?: string;
71
+ image?: string;
72
+ delayed?: string;
73
+ }
69
74
  export interface NHDefaultPopupData {
70
75
  sections: NHDefaultPopupSection[];
71
76
  maxWidth?: number;
@@ -75,8 +80,7 @@ export interface NHDefaultPopupData {
75
80
  title: string;
76
81
  stories?: NHStoryCardData[];
77
82
  events?: NHEventCardData[];
78
- stock?: boolean;
79
- stockImage?: string;
83
+ stock?: NHStockData;
80
84
  };
81
85
  }
82
86
  export interface NHLoginItemData {
@@ -126,8 +126,10 @@ unpredictable css rules order in build */
126
126
  padding: 20px;
127
127
  display: flex;
128
128
  flex-direction: column;
129
- min-height: 310px;
129
+ height: 100%;
130
130
  border-radius: 8px;
131
+ overflow: hidden;
132
+ max-height: 300px;
131
133
  }
132
134
 
133
135
  .pc-addons-nh-default-popup__stock-background {
@@ -15,17 +15,17 @@ const NHEventCard = ({ title, caption, description, image, url }) => (React.crea
15
15
  React.createElement("div", { className: b('card-caption') }, caption),
16
16
  React.createElement("div", { className: b('card-title') }, title),
17
17
  React.createElement("div", { className: b('card-description') }, description))));
18
- const NHStock = ({ background }) => {
18
+ const NHStock = ({ title, delayed, image }) => {
19
19
  const data = useContext(HeaderStockContext);
20
20
  if (!data.price)
21
21
  return null;
22
22
  return (React.createElement("div", { className: b('stock') },
23
- background ? (React.createElement("img", { className: b('stock-background'), src: background, alt: "Stock background" })) : null,
24
- React.createElement("div", { className: b('stock-title') }, data.price.name),
23
+ image ? (React.createElement("img", { className: b('stock-background'), src: image, alt: "Stock background" })) : null,
24
+ React.createElement("div", { className: b('stock-title') }, title),
25
25
  React.createElement("div", { className: b('stock-title') }, data.price.percent),
26
26
  React.createElement("div", { className: b('stock-value') }, data.price.price),
27
27
  React.createElement("div", { className: b('stock-date') }, data.price.update),
28
- React.createElement("div", { className: b('stock-date') }, data.price.delayed)));
28
+ React.createElement("div", { className: b('stock-date') }, delayed)));
29
29
  };
30
30
  export const NHDefaultPopup = ({ sections, right, maxWidth, primaryColor, primaryColorHover, }) => {
31
31
  const rootStyle = useMemo(() => maxWidth
@@ -55,5 +55,5 @@ export const NHDefaultPopup = ({ sections, right, maxWidth, primaryColor, primar
55
55
  right && (React.createElement("div", { className: b('right') },
56
56
  React.createElement("div", { className: b('title') }, right.title),
57
57
  cards && React.createElement("div", { className: b('cards') }, cards),
58
- right.stock && React.createElement(NHStock, { background: right.stockImage })))));
58
+ right.stock && React.createElement(NHStock, Object.assign({}, right.stock))))));
59
59
  };
@@ -66,6 +66,11 @@ export interface NHEventCardData {
66
66
  image: string;
67
67
  url: string;
68
68
  }
69
+ export interface NHStockData {
70
+ title?: string;
71
+ image?: string;
72
+ delayed?: string;
73
+ }
69
74
  export interface NHDefaultPopupData {
70
75
  sections: NHDefaultPopupSection[];
71
76
  maxWidth?: number;
@@ -75,8 +80,7 @@ export interface NHDefaultPopupData {
75
80
  title: string;
76
81
  stories?: NHStoryCardData[];
77
82
  events?: NHEventCardData[];
78
- stock?: boolean;
79
- stockImage?: string;
83
+ stock?: NHStockData;
80
84
  };
81
85
  }
82
86
  export interface NHLoginItemData {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@doyourjob/gravity-ui-page-constructor-addons",
3
- "version": "2.1.33",
3
+ "version": "2.1.34",
4
4
  "description": "Components and plugins for @doyourjob/gravity-ui-page-constructor",
5
5
  "license": "MIT",
6
6
  "repository": {