sag_components 1.0.116 → 1.0.118
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.
|
@@ -67,11 +67,11 @@ var TitleDescription = function TitleDescription(_ref) {
|
|
|
67
67
|
}
|
|
68
68
|
}, data.retailerLinkLabel)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectiesContainer, {
|
|
69
69
|
id: "ObjectiesContainer"
|
|
70
|
+
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesDescription, {
|
|
71
|
+
id: "ObjectivesDescription"
|
|
70
72
|
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesTitle, {
|
|
71
73
|
id: "ObjectivesTitle"
|
|
72
|
-
}, data.objectivesLabel, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.
|
|
73
|
-
id: "ObjectivesDescription"
|
|
74
|
-
}, data.objectivesDescription), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesShowMore, {
|
|
74
|
+
}, data.objectivesLabel, " "), 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
|
-
}, data.objectivesShowMoreLabel))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelContainer, {
|
|
82
|
+
}, data.objectivesShowMoreLabel)))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelContainer, {
|
|
83
83
|
id: "RightPanelContainer"
|
|
84
84
|
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.BottonsContainer, {
|
|
85
85
|
id: "BottonsContainer"
|
|
@@ -96,9 +96,7 @@ var TitleDescription = function TitleDescription(_ref) {
|
|
|
96
96
|
event: event
|
|
97
97
|
});
|
|
98
98
|
}
|
|
99
|
-
}))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.
|
|
100
|
-
id: "RightPanelMiddleContainer"
|
|
101
|
-
}), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodsContainer, {
|
|
99
|
+
}))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodsContainer, {
|
|
102
100
|
id: "PeriodsContainer"
|
|
103
101
|
}, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.SubLineContainer, {
|
|
104
102
|
id: "SubLineContainer"
|
|
@@ -4,11 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.ViewCreativeTextField = exports.ViewCreativeContainer = exports.SubLineContainer = exports.
|
|
7
|
+
exports.ViewCreativeTextField = exports.ViewCreativeContainer = exports.SubLineContainer = exports.RightPanelContainer = exports.RetailerLink = exports.PeriodsContainer = exports.PeriodValue = exports.PeriodLabel = exports.ObjectivesTitle = exports.ObjectivesShowMore = exports.ObjectivesDescription = exports.ObjectiesContainer = exports.MainTitleAndViewCreativeContainer = exports.MainTitle = exports.MainContainer = exports.LeftPanelContainer = exports.FieldsDelimiter = exports.EventTypeLink = exports.EventTypeAndRetailerContainer = exports.DownloadButtonContainer = exports.BottonsContainer = void 0;
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
9
9
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
10
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21
|
|
11
|
-
var MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n position: relative;\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n font-size:
|
|
10
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
|
|
11
|
+
var MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n position: relative;\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n font-size: 1rem;\n\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n overflow: hidden;\n"])), function (props) {
|
|
12
12
|
return props.textColor ? props.textColor : "#000";
|
|
13
13
|
}, function (props) {
|
|
14
14
|
return props.width;
|
|
@@ -16,47 +16,43 @@ var MainContainer = _styledComponents.default.div(_templateObject || (_templateO
|
|
|
16
16
|
return props.height;
|
|
17
17
|
});
|
|
18
18
|
exports.MainContainer = MainContainer;
|
|
19
|
-
var LeftPanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (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: 60%;\n
|
|
19
|
+
var LeftPanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (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: 60%;\n background: #ffffff;\n"])));
|
|
20
20
|
exports.LeftPanelContainer = LeftPanelContainer;
|
|
21
|
-
var MainTitleAndViewCreativeContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-
|
|
21
|
+
var MainTitleAndViewCreativeContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n width: 94%;\n margin-top: 1rem;\n"])));
|
|
22
22
|
exports.MainTitleAndViewCreativeContainer = MainTitleAndViewCreativeContainer;
|
|
23
|
-
var MainTitle = _styledComponents.default.
|
|
23
|
+
var MainTitle = _styledComponents.default.h4(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n overflow: hidden;\n font-weight: 700;\n font-size: 1.2rem;\n margin: 0rem;\n"])));
|
|
24
24
|
exports.MainTitle = MainTitle;
|
|
25
|
-
var ViewCreativeContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 500;\n border-radius: 12px;\n border: 1px solid #ccc;\n min-height: 1.
|
|
25
|
+
var ViewCreativeContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 500;\n border-radius: 12px;\n border: 1px solid #ccc;\n min-height: 1.4rem;\n min-width: 8.2rem;\n margin-left: 10px;\n &:hover {\n cursor: pointer;\n }\n"])));
|
|
26
26
|
exports.ViewCreativeContainer = ViewCreativeContainer;
|
|
27
|
-
var ViewCreativeTextField = _styledComponents.default.
|
|
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-items: center;\n overflow: hidden;\n
|
|
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
|
-
var EventTypeLink = _styledComponents.default.
|
|
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;
|
|
33
|
-
var FieldsDelimiter = _styledComponents.default.
|
|
33
|
+
var FieldsDelimiter = _styledComponents.default.p(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n color: #ccc;\n margin: 0rem;\n"])));
|
|
34
34
|
exports.FieldsDelimiter = FieldsDelimiter;
|
|
35
|
-
var RetailerLink = _styledComponents.default.
|
|
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
|
|
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
|
-
var ObjectivesTitle = _styledComponents.default.
|
|
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.
|
|
41
|
+
var ObjectivesDescription = _styledComponents.default.p(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n overflow: hidden;\n margin: 0 ;\n"])));
|
|
42
42
|
exports.ObjectivesDescription = ObjectivesDescription;
|
|
43
|
-
var
|
|
44
|
-
exports.LeftPanelLine3SubLine2Field1 = LeftPanelLine3SubLine2Field1;
|
|
45
|
-
var ObjectivesShowMore = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8em;\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
|
|
43
|
+
var ObjectivesShowMore = _styledComponents.default.a(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
|
|
46
44
|
exports.ObjectivesShowMore = ObjectivesShowMore;
|
|
47
|
-
var RightPanelContainer = _styledComponents.default.div(
|
|
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"])));
|
|
48
46
|
exports.RightPanelContainer = RightPanelContainer;
|
|
49
|
-
var BottonsContainer = _styledComponents.default.div(
|
|
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"])));
|
|
50
48
|
exports.BottonsContainer = BottonsContainer;
|
|
51
|
-
var DownloadButtonContainer = _styledComponents.default.div(
|
|
49
|
+
var DownloadButtonContainer = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 5px;\n margin-right: 5px;\n"])));
|
|
52
50
|
exports.DownloadButtonContainer = DownloadButtonContainer;
|
|
53
|
-
var
|
|
54
|
-
exports.RightPanelMiddleContainer = RightPanelMiddleContainer;
|
|
55
|
-
var PeriodsContainer = _styledComponents.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n justify-content: flex-start;\n overflow: hidden;\n width: 92%;\n height: 60%; \n min-width: 26em;\n min-height: 5em; \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 //margin-bottom: 1rem;\n"])));
|
|
56
52
|
exports.PeriodsContainer = PeriodsContainer;
|
|
57
|
-
var SubLineContainer = _styledComponents.default.div(
|
|
53
|
+
var SubLineContainer = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
|
|
58
54
|
exports.SubLineContainer = SubLineContainer;
|
|
59
|
-
var PeriodLabel = _styledComponents.default.
|
|
55
|
+
var PeriodLabel = _styledComponents.default.strong(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n overflow: hidden;\n"])));
|
|
60
56
|
exports.PeriodLabel = PeriodLabel;
|
|
61
|
-
var PeriodValue = _styledComponents.default.
|
|
57
|
+
var PeriodValue = _styledComponents.default.p(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
|
|
62
58
|
exports.PeriodValue = PeriodValue;
|