@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.
- package/build/cjs/components/NewHeader/components/NHDefaultPopup/NHDefaultPopup.css +3 -1
- package/build/cjs/components/NewHeader/components/NHDefaultPopup/NHDefaultPopup.js +5 -5
- package/build/cjs/components/NewHeader/models.d.ts +6 -2
- package/build/esm/components/NewHeader/components/NHDefaultPopup/NHDefaultPopup.css +3 -1
- package/build/esm/components/NewHeader/components/NHDefaultPopup/NHDefaultPopup.js +5 -5
- package/build/esm/components/NewHeader/models.d.ts +6 -2
- package/package.json +1 -1
|
@@ -126,8 +126,10 @@ unpredictable css rules order in build */
|
|
|
126
126
|
padding: 20px;
|
|
127
127
|
display: flex;
|
|
128
128
|
flex-direction: column;
|
|
129
|
-
|
|
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 = ({
|
|
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
|
-
|
|
27
|
-
react_1.default.createElement("div", { className: b('stock-title') },
|
|
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') },
|
|
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, {
|
|
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?:
|
|
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
|
-
|
|
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 = ({
|
|
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
|
-
|
|
24
|
-
React.createElement("div", { className: b('stock-title') },
|
|
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') },
|
|
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, {
|
|
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?:
|
|
79
|
-
stockImage?: string;
|
|
83
|
+
stock?: NHStockData;
|
|
80
84
|
};
|
|
81
85
|
}
|
|
82
86
|
export interface NHLoginItemData {
|