sag_components 1.0.312 → 1.0.313
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.
|
@@ -131,11 +131,11 @@ var TitleDescription = exports.TitleDescription = function TitleDescription(_ref
|
|
|
131
131
|
};
|
|
132
132
|
var getViewCreativeContainerLeft = function getViewCreativeContainerLeft() {
|
|
133
133
|
var offsetLeft = viewCreativeContainerRef.current.offsetLeft;
|
|
134
|
-
return
|
|
134
|
+
return offsetLeft.toString().concat("", "px");
|
|
135
135
|
};
|
|
136
136
|
var getViewCreativeContainerTop = function getViewCreativeContainerTop() {
|
|
137
137
|
var offsetTop = viewCreativeContainerRef.current.offsetTop;
|
|
138
|
-
return (offsetTop +
|
|
138
|
+
return (offsetTop + 33).toString().concat("", "px");
|
|
139
139
|
};
|
|
140
140
|
return /*#__PURE__*/_react.default.createElement(_TitleDescription.MainContainer, {
|
|
141
141
|
id: "MainContainer",
|
|
@@ -150,8 +150,10 @@ var TitleDescription = exports.TitleDescription = function TitleDescription(_ref
|
|
|
150
150
|
id: "EventNameViewCreativeSubContainer"
|
|
151
151
|
}, /*#__PURE__*/_react.default.createElement(_TitleDescription.EventName, {
|
|
152
152
|
id: "EventName"
|
|
153
|
-
}, data.eventName), /*#__PURE__*/_react.default.createElement(_TitleDescription.
|
|
154
|
-
id:
|
|
153
|
+
}, data.eventName), /*#__PURE__*/_react.default.createElement(_TitleDescription.ViewCreativeButtonAndListBoxContainer, {
|
|
154
|
+
id: "ViewCreativeButtonAndListBoxContainer"
|
|
155
|
+
}, /*#__PURE__*/_react.default.createElement(_TitleDescription.ViewCreativeContainer, {
|
|
156
|
+
id: "ViewCreativeContainer",
|
|
155
157
|
ref: viewCreativeContainerRef,
|
|
156
158
|
onClick: viewCreativeOnClickHandler,
|
|
157
159
|
disabled: disabled
|
|
@@ -161,6 +163,7 @@ var TitleDescription = exports.TitleDescription = function TitleDescription(_ref
|
|
|
161
163
|
}), /*#__PURE__*/_react.default.createElement(_TitleDescription.ViewCreativeTextField, {
|
|
162
164
|
id: "ViewCreativeTextField"
|
|
163
165
|
}, "View creative"), retailersDataState && (retailersDataState === null || retailersDataState === void 0 ? void 0 : retailersDataState.length) > 0 && (viewCreativeListBoxOpenedState ? /*#__PURE__*/_react.default.createElement(_ComboBoxArrowUpIcon.ComboBoxArrowUpIcon, null) : /*#__PURE__*/_react.default.createElement(_ComboBoxArrowDownIcon.ComboBoxArrowDownIcon, null))), viewCreativeListBoxOpenedState && /*#__PURE__*/_react.default.createElement(_TitleDescription.ViewCreativeListBoxContainer, {
|
|
166
|
+
id: "ViewCreativeListBoxContainer",
|
|
164
167
|
left: getViewCreativeContainerLeft(),
|
|
165
168
|
top: getViewCreativeContainerTop(),
|
|
166
169
|
width: "190px",
|
|
@@ -169,6 +172,7 @@ var TitleDescription = exports.TitleDescription = function TitleDescription(_ref
|
|
|
169
172
|
setViewCreativeListBoxOpenedState(false);
|
|
170
173
|
}
|
|
171
174
|
}, /*#__PURE__*/_react.default.createElement(_ListBox.ListBox, {
|
|
175
|
+
id: "ListBox",
|
|
172
176
|
data: retailersDataState,
|
|
173
177
|
buttonsBackgroundColorChecked: "#B1B1B1",
|
|
174
178
|
buttonsBackgroundColorUnchecked: "#FFF",
|
|
@@ -181,7 +185,7 @@ var TitleDescription = exports.TitleDescription = function TitleDescription(_ref
|
|
|
181
185
|
listBoxViewCreativeOnClickHandler(props);
|
|
182
186
|
},
|
|
183
187
|
width: "200px"
|
|
184
|
-
})))), /*#__PURE__*/_react.default.createElement(_TitleDescription.FilterValuesContainer, {
|
|
188
|
+
}))))), /*#__PURE__*/_react.default.createElement(_TitleDescription.FilterValuesContainer, {
|
|
185
189
|
id: "FilterValuesContainer"
|
|
186
190
|
}, showRetailerIcon && /*#__PURE__*/_react.default.createElement(_TitleDescription.Retailer, {
|
|
187
191
|
id: "Retailer"
|
|
@@ -4,10 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.ViewCreativeTextField = exports.ViewCreativeListBoxContainer = exports.ViewCreativeContainer = exports.SubLineContainer = exports.Space = exports.RetailerIconContainer = exports.Retailer = exports.PeriodsContainer = exports.PeriodValue = exports.PeriodLabel = exports.PanelContainer = exports.ObjectivesTitle = exports.ObjectivesShowMore = exports.ObjectivesDescription = exports.ObjectiesContainer = exports.ObjectiesAndPeriodsContainer = exports.MainContainer = exports.FilterValuesContainer = exports.FilterValue = exports.FieldsDelimiter = exports.EventNameViewCreativeSubContainer = exports.EventNameAndViewCreativeContainer = exports.EventName = exports.DownloadButtonContainer = exports.BottonsContainer = void 0;
|
|
7
|
+
exports.ViewCreativeTextField = exports.ViewCreativeListBoxContainer = exports.ViewCreativeContainer = exports.ViewCreativeButtonAndListBoxContainer = exports.SubLineContainer = exports.Space = exports.RetailerIconContainer = exports.Retailer = exports.PeriodsContainer = exports.PeriodValue = exports.PeriodLabel = exports.PanelContainer = exports.ObjectivesTitle = exports.ObjectivesShowMore = exports.ObjectivesDescription = exports.ObjectiesContainer = exports.ObjectiesAndPeriodsContainer = exports.MainContainer = exports.FilterValuesContainer = exports.FilterValue = exports.FieldsDelimiter = exports.EventNameViewCreativeSubContainer = exports.EventNameAndViewCreativeContainer = exports.EventName = 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, _templateObject22, _templateObject23, _templateObject24, _templateObject25;
|
|
10
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26;
|
|
11
11
|
var MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: 1rem;\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n"])), function (props) {
|
|
12
12
|
return props.textcolor ? props.textcolor : '#000';
|
|
13
13
|
}, function (props) {
|
|
@@ -25,7 +25,8 @@ var ViewCreativeContainer = exports.ViewCreativeContainer = _styledComponents.de
|
|
|
25
25
|
return !props.disabled ? 'pointer' : 'default';
|
|
26
26
|
});
|
|
27
27
|
var ViewCreativeTextField = exports.ViewCreativeTextField = _styledComponents.default.h4(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin: 3px 10px;\n font-weight: 400;\n"])));
|
|
28
|
-
var
|
|
28
|
+
var ViewCreativeButtonAndListBoxContainer = exports.ViewCreativeButtonAndListBoxContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n \n position: relative;\n \n"])));
|
|
29
|
+
var ViewCreativeListBoxContainer = exports.ViewCreativeListBoxContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: absolute;\n \n left: ", ";\n top: ", ";\n height: ", ";\n width: ", ";\n\n z-index:1000;\n"])), function (props) {
|
|
29
30
|
return props.left;
|
|
30
31
|
}, function (props) {
|
|
31
32
|
return props.top;
|
|
@@ -34,26 +35,26 @@ var ViewCreativeListBoxContainer = exports.ViewCreativeListBoxContainer = _style
|
|
|
34
35
|
}, function (props) {
|
|
35
36
|
return props.width;
|
|
36
37
|
});
|
|
37
|
-
var FilterValuesContainer = exports.FilterValuesContainer = _styledComponents.default.div(
|
|
38
|
-
var FilterValue = exports.FilterValue = _styledComponents.default.p(
|
|
39
|
-
var FieldsDelimiter = exports.FieldsDelimiter = _styledComponents.default.p(
|
|
40
|
-
var Retailer = exports.Retailer = _styledComponents.default.div(
|
|
41
|
-
var Space = exports.Space = _styledComponents.default.p(
|
|
42
|
-
var RetailerIconContainer = exports.RetailerIconContainer = _styledComponents.default.div(
|
|
43
|
-
var ObjectiesContainer = exports.ObjectiesContainer = _styledComponents.default.div(
|
|
38
|
+
var FilterValuesContainer = exports.FilterValuesContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n width: 100%;\n margin: 0.5rem;\n"])));
|
|
39
|
+
var FilterValue = exports.FilterValue = _styledComponents.default.p(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n margin: 0;\n"])));
|
|
40
|
+
var FieldsDelimiter = exports.FieldsDelimiter = _styledComponents.default.p(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n color: #ccc;\n margin: 0;\n"])));
|
|
41
|
+
var Retailer = exports.Retailer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0;\n margin-inline-end: 5px;\n"])));
|
|
42
|
+
var Space = exports.Space = _styledComponents.default.p(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
|
|
43
|
+
var RetailerIconContainer = exports.RetailerIconContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n"])));
|
|
44
|
+
var ObjectiesContainer = exports.ObjectiesContainer = _styledComponents.default.div(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: space-between;\n width: ", ";\n"])), function (props) {
|
|
44
45
|
return !props.showPeriodIcon ? '100%' : '75%';
|
|
45
46
|
});
|
|
46
|
-
var ObjectiesAndPeriodsContainer = exports.ObjectiesAndPeriodsContainer = _styledComponents.default.div(
|
|
47
|
-
var ObjectivesTitle = exports.ObjectivesTitle = _styledComponents.default.strong(
|
|
48
|
-
var ObjectivesDescription = exports.ObjectivesDescription = _styledComponents.default.p(
|
|
49
|
-
var ObjectivesShowMore = exports.ObjectivesShowMore = _styledComponents.default.a(
|
|
47
|
+
var ObjectiesAndPeriodsContainer = exports.ObjectiesAndPeriodsContainer = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
|
|
48
|
+
var ObjectivesTitle = exports.ObjectivesTitle = _styledComponents.default.strong(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n"])));
|
|
49
|
+
var ObjectivesDescription = exports.ObjectivesDescription = _styledComponents.default.p(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
|
|
50
|
+
var ObjectivesShowMore = exports.ObjectivesShowMore = _styledComponents.default.a(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n &:hover {\n cursor: ", ";\n }\n"])), function (props) {
|
|
50
51
|
return props.disabled ? '#B1B1B1' : '#1b30aa';
|
|
51
52
|
}, function (props) {
|
|
52
53
|
return !props.disabled ? 'pointer' : 'default';
|
|
53
54
|
});
|
|
54
|
-
var BottonsContainer = exports.BottonsContainer = _styledComponents.default.div(
|
|
55
|
-
var DownloadButtonContainer = exports.DownloadButtonContainer = _styledComponents.default.div(
|
|
56
|
-
var PeriodsContainer = exports.PeriodsContainer = _styledComponents.default.div(
|
|
57
|
-
var SubLineContainer = exports.SubLineContainer = _styledComponents.default.div(
|
|
58
|
-
var PeriodLabel = exports.PeriodLabel = _styledComponents.default.strong(
|
|
59
|
-
var PeriodValue = exports.PeriodValue = _styledComponents.default.p(
|
|
55
|
+
var BottonsContainer = exports.BottonsContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n min-height: 1.5rem;\n"])));
|
|
56
|
+
var DownloadButtonContainer = exports.DownloadButtonContainer = _styledComponents.default.div(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)([""])));
|
|
57
|
+
var PeriodsContainer = exports.PeriodsContainer = _styledComponents.default.div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n justify-content: flex-start;\n white-space: pre-wrap;\n margin-left: 40px;\n width: 25%;\n"])));
|
|
58
|
+
var SubLineContainer = exports.SubLineContainer = _styledComponents.default.div(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
|
|
59
|
+
var PeriodLabel = exports.PeriodLabel = _styledComponents.default.strong(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n"])));
|
|
60
|
+
var PeriodValue = exports.PeriodValue = _styledComponents.default.p(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
|