sag_components 1.0.117 → 1.0.119
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.
|
@@ -10,13 +10,13 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
10
10
|
var _IconButton = require("./IconButton");
|
|
11
11
|
var _EyeIcon = require("./icons/EyeIcon");
|
|
12
12
|
var _TitleDescriptionStyle = require("./TitleDescription.style.js");
|
|
13
|
-
var _excluded = ["data", "infoButtonOnClick", "
|
|
13
|
+
var _excluded = ["data", "infoButtonOnClick", "eventTypeOnClick", "retailerOnClick", "objectivesShowMoreOnClick", "downloadButtonOnClick", "flyButtonOnClick", "width", "height", "textColor"];
|
|
14
14
|
/*TitleDescription*/
|
|
15
15
|
var TitleDescription = function TitleDescription(_ref) {
|
|
16
16
|
var data = _ref.data,
|
|
17
17
|
infoButtonOnClick = _ref.infoButtonOnClick,
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
eventTypeOnClick = _ref.eventTypeOnClick,
|
|
19
|
+
retailerOnClick = _ref.retailerOnClick,
|
|
20
20
|
objectivesShowMoreOnClick = _ref.objectivesShowMoreOnClick,
|
|
21
21
|
downloadButtonOnClick = _ref.downloadButtonOnClick,
|
|
22
22
|
flyButtonOnClick = _ref.flyButtonOnClick,
|
|
@@ -38,40 +38,40 @@ var TitleDescription = function TitleDescription(_ref) {
|
|
|
38
38
|
id: "MainTitleAndViewCreativeContainer"
|
|
39
39
|
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.MainTitle, {
|
|
40
40
|
id: "MainTitle"
|
|
41
|
-
}, data.
|
|
41
|
+
}, data.eventName, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ViewCreativeContainer, {
|
|
42
42
|
id: "ViewCreativeContainer"
|
|
43
43
|
}, /*#__PURE__*/_react.default.createElement(_EyeIcon.EyeIcon, {
|
|
44
44
|
width: "12",
|
|
45
45
|
height: "12"
|
|
46
46
|
}), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ViewCreativeTextField, {
|
|
47
47
|
id: "ViewCreativeTextField"
|
|
48
|
-
}, " "
|
|
48
|
+
}, "View creative"))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.EventTypeAndRetailerContainer, {
|
|
49
49
|
id: "EventTypeAndRetailerContainer"
|
|
50
50
|
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.EventTypeLink, {
|
|
51
51
|
id: "EventTypeLink",
|
|
52
52
|
onClick: function onClick(event) {
|
|
53
|
-
|
|
54
|
-
eventName: "
|
|
53
|
+
eventTypeOnClick({
|
|
54
|
+
eventName: "eventTypeOnClick",
|
|
55
55
|
event: event
|
|
56
56
|
});
|
|
57
57
|
}
|
|
58
|
-
}, data.
|
|
58
|
+
}, data.eventType), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
|
|
59
59
|
id: "FieldsDelimiter"
|
|
60
60
|
}, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RetailerLink, {
|
|
61
61
|
id: "RetailerLink",
|
|
62
62
|
onClick: function onClick(event) {
|
|
63
|
-
|
|
64
|
-
eventName: "
|
|
63
|
+
retailerOnClick({
|
|
64
|
+
eventName: "retailerOnClick",
|
|
65
65
|
event: event
|
|
66
66
|
});
|
|
67
67
|
}
|
|
68
|
-
}, data.
|
|
68
|
+
}, data.retailer)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectiesContainer, {
|
|
69
69
|
id: "ObjectiesContainer"
|
|
70
70
|
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesDescription, {
|
|
71
71
|
id: "ObjectivesDescription"
|
|
72
72
|
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesTitle, {
|
|
73
73
|
id: "ObjectivesTitle"
|
|
74
|
-
},
|
|
74
|
+
}, "Objectives:", " "), data.objectivesDescription, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesShowMore, {
|
|
75
75
|
id: "ObjectivesShowMore",
|
|
76
76
|
onClick: function onClick(event) {
|
|
77
77
|
objectivesShowMoreOnClick({
|
|
@@ -79,7 +79,7 @@ var TitleDescription = function TitleDescription(_ref) {
|
|
|
79
79
|
event: event
|
|
80
80
|
});
|
|
81
81
|
}
|
|
82
|
-
},
|
|
82
|
+
}, "show more ...")))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelContainer, {
|
|
83
83
|
id: "RightPanelContainer"
|
|
84
84
|
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.BottonsContainer, {
|
|
85
85
|
id: "BottonsContainer"
|
|
@@ -104,19 +104,19 @@ var TitleDescription = function TitleDescription(_ref) {
|
|
|
104
104
|
id: "SubLineContainer"
|
|
105
105
|
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodLabel, {
|
|
106
106
|
id: "PeriodLabel"
|
|
107
|
-
},
|
|
107
|
+
}, "Event Dates: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
|
|
108
108
|
id: "PeriodValue"
|
|
109
109
|
}, data.eventDatesValue)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.SubLineContainer, {
|
|
110
110
|
id: "SubLineContainer"
|
|
111
111
|
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodLabel, {
|
|
112
112
|
id: "PeriodLabel"
|
|
113
|
-
},
|
|
113
|
+
}, "In Ad: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
|
|
114
114
|
id: "PeriodValue"
|
|
115
115
|
}, data.inAdValue)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.SubLineContainer, {
|
|
116
116
|
id: "SubLineContainer"
|
|
117
117
|
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodLabel, {
|
|
118
118
|
id: "PeriodLabel"
|
|
119
|
-
},
|
|
119
|
+
}, "On Display: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
|
|
120
120
|
id: "PeriodValue"
|
|
121
121
|
}, data.onDisplayValue1), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
|
|
122
122
|
id: "FieldsDelimiter"
|
|
@@ -26,7 +26,7 @@ var ViewCreativeContainer = _styledComponents.default.div(_templateObject5 || (_
|
|
|
26
26
|
exports.ViewCreativeContainer = ViewCreativeContainer;
|
|
27
27
|
var ViewCreativeTextField = _styledComponents.default.h4(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n font-weight: 400;\n font-size: 0.875rem;\n margin: 0 0 0 10px;\n"])));
|
|
28
28
|
exports.ViewCreativeTextField = ViewCreativeTextField;
|
|
29
|
-
var EventTypeAndRetailerContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n width: 94%;\n overflow: hidden;\n margin:
|
|
29
|
+
var EventTypeAndRetailerContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n width: 94%;\n overflow: hidden;\n margin: 0.5rem;\n font-weight: 400;\n font-size: 0.875rem;\n"])));
|
|
30
30
|
exports.EventTypeAndRetailerContainer = EventTypeAndRetailerContainer;
|
|
31
31
|
var EventTypeLink = _styledComponents.default.a(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
|
|
32
32
|
exports.EventTypeLink = EventTypeLink;
|
|
@@ -34,21 +34,21 @@ var FieldsDelimiter = _styledComponents.default.p(_templateObject9 || (_template
|
|
|
34
34
|
exports.FieldsDelimiter = FieldsDelimiter;
|
|
35
35
|
var RetailerLink = _styledComponents.default.a(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
|
|
36
36
|
exports.RetailerLink = RetailerLink;
|
|
37
|
-
var ObjectiesContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n overflow: hidden;\n font-size: 0.875rem;\n
|
|
37
|
+
var ObjectiesContainer = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n overflow: hidden;\n font-size: 0.875rem;\n line-height: 1.2;\n font-weight: 400;\n //margin: 0px 30px;\n width: 94%;\n"])));
|
|
38
38
|
exports.ObjectiesContainer = ObjectiesContainer;
|
|
39
39
|
var ObjectivesTitle = _styledComponents.default.strong(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n"])));
|
|
40
40
|
exports.ObjectivesTitle = ObjectivesTitle;
|
|
41
|
-
var ObjectivesDescription = _styledComponents.default.p(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n overflow: hidden;\n margin: 0
|
|
41
|
+
var ObjectivesDescription = _styledComponents.default.p(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n overflow: hidden;\n margin: 0 ;\n"])));
|
|
42
42
|
exports.ObjectivesDescription = ObjectivesDescription;
|
|
43
43
|
var ObjectivesShowMore = _styledComponents.default.a(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
|
|
44
44
|
exports.ObjectivesShowMore = ObjectivesShowMore;
|
|
45
45
|
var RightPanelContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 12px;\n width: 40%;\n height: 90%;\n background: #ffffff;\n"])));
|
|
46
46
|
exports.RightPanelContainer = RightPanelContainer;
|
|
47
|
-
var BottonsContainer = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n overflow: hidden;\n width: 98%;\n margin-top: 1rem;\n margin-bottom:
|
|
47
|
+
var BottonsContainer = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n overflow: hidden;\n width: 98%;\n min-height: 1.5rem;\n margin-top: 1rem;\n margin-bottom: 2rem;\n"])));
|
|
48
48
|
exports.BottonsContainer = BottonsContainer;
|
|
49
49
|
var DownloadButtonContainer = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 5px;\n margin-right: 5px;\n"])));
|
|
50
50
|
exports.DownloadButtonContainer = DownloadButtonContainer;
|
|
51
|
-
var PeriodsContainer = _styledComponents.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n justify-content: flex-start;\n font-weight: 400;\n font-size: 0.875rem;\n overflow: hidden;\n width: 98%;\n
|
|
51
|
+
var PeriodsContainer = _styledComponents.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n justify-content: flex-start;\n font-weight: 400;\n font-size: 0.875rem;\n overflow: hidden;\n width: 98%;\n"])));
|
|
52
52
|
exports.PeriodsContainer = PeriodsContainer;
|
|
53
53
|
var SubLineContainer = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
|
|
54
54
|
exports.SubLineContainer = SubLineContainer;
|