sag_components 1.0.124 → 1.0.125

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.
Files changed (3) hide show
  1. package/dist/stories/components/TitleDescription.js +7 -7
  2. package/dist/stories/components/TitleDescription.style.js +21 -21
  3. package/package.json +1 -1
package/dist/stories/components/TitleDescription.js CHANGED
@@ -71,7 +71,7 @@ var TitleDescription = function TitleDescription(_ref) {
71
71
  default:
72
72
  return /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RetailerIconContainer, {
73
73
  id: "RetailerIconContainer"
74
- }, retailerName, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
74
+ }, retailerName, retailerName && /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
75
75
  id: "FieldsDelimiter"
76
76
  }, " | "));
77
77
  }
@@ -81,8 +81,8 @@ var TitleDescription = function TitleDescription(_ref) {
81
81
  height: height,
82
82
  width: width,
83
83
  textColor: textColor
84
- }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelContainer, {
85
- id: "LeftPanelContainer"
84
+ }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PanelContainer, {
85
+ id: "PanelContainer"
86
86
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.EventNameAndViewCreativeContainer, {
87
87
  id: "EventNameAndViewCreativeContainer"
88
88
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.EventNameViewCreativeSubContainer, null, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.EventName, {
@@ -139,7 +139,7 @@ var TitleDescription = function TitleDescription(_ref) {
139
139
  id: "ObjectivesDescription"
140
140
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesTitle, {
141
141
  id: "ObjectivesTitle"
142
- }, "Objectives:", " "), data.objectivesDescription, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesShowMore, {
142
+ }, "Objectives:", " "), data.objectivesDescription, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesShowMore, {
143
143
  id: "ObjectivesShowMore",
144
144
  onClick: function onClick(event) {
145
145
  objectivesShowMoreOnClick({
@@ -155,19 +155,19 @@ var TitleDescription = function TitleDescription(_ref) {
155
155
  id: "SubLineContainer"
156
156
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodLabel, {
157
157
  id: "PeriodLabel"
158
- }, "Event Dates: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
158
+ }, "Event Dates: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
159
159
  id: "PeriodValue"
160
160
  }, data.eventDatesValue)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.SubLineContainer, {
161
161
  id: "SubLineContainer"
162
162
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodLabel, {
163
163
  id: "PeriodLabel"
164
- }, "In Ad: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
164
+ }, "In Ad: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
165
165
  id: "PeriodValue"
166
166
  }, data.inAdValue)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.SubLineContainer, {
167
167
  id: "SubLineContainer"
168
168
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodLabel, {
169
169
  id: "PeriodLabel"
170
- }, "On Display: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
170
+ }, "On Display: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
171
171
  id: "PeriodValue"
172
172
  }, data.onDisplayValue1), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
173
173
  id: "FieldsDelimiter"
package/dist/stories/components/TitleDescription.style.js CHANGED
@@ -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.Space = exports.RetailerIconContainer = exports.Retailer = exports.PeriodsContainer = exports.PeriodValue = exports.PeriodLabel = exports.ObjectivesTitle = exports.ObjectivesShowMore = exports.ObjectivesDescription = exports.ObjectiesContainer = exports.ObjectiesAndPeriodsContainer = exports.MainContainer = exports.LeftPanelContainer = exports.FilterValuesContainer = exports.FilterValue = exports.FieldsDelimiter = exports.EventNameViewCreativeSubContainer = exports.EventNameAndViewCreativeContainer = exports.EventName = exports.DownloadButtonContainer = exports.BottonsContainer = void 0;
7
+ exports.ViewCreativeTextField = 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;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
9
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
10
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;
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) {
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"])), function (props) {
12
12
  return props.textColor ? props.textColor : "#000";
13
13
  }, function (props) {
14
14
  return props.width;
@@ -16,49 +16,49 @@ 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 align-items: center;\n justify-content: space-around;\n border-radius: 12px;\n width: 100%;\n background: #ffffff;\n"])));
20
- exports.LeftPanelContainer = LeftPanelContainer;
21
- var EventNameAndViewCreativeContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: space-between;\n width: 97%; \n //margin: 0px 30px;\n margin-top: 0.5rem;\n"])));
19
+ var PanelContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n border-radius: 12px;\n background: #ffffff;\n padding: 1rem;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.4;\n white-space: pre-wrap;\n overflow: hidden;\n"])));
20
+ exports.PanelContainer = PanelContainer;
21
+ var EventNameAndViewCreativeContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
22
22
  exports.EventNameAndViewCreativeContainer = EventNameAndViewCreativeContainer;
23
23
  var EventNameViewCreativeSubContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n"])));
24
24
  exports.EventNameViewCreativeSubContainer = EventNameViewCreativeSubContainer;
25
- var EventName = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n overflow: hidden;\n font-weight: 700;\n font-size: 1.2rem;\n margin: 0rem;\n"])));
25
+ var EventName = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 700;\n font-size: 1.2rem;\n margin: 0;\n"])));
26
26
  exports.EventName = EventName;
27
- var ViewCreativeContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (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"])));
27
+ var ViewCreativeContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 12px;\n border: 1px solid #ccc;\n margin-left: 10px;\n padding: 3px 10px;\n &:hover {\n cursor: pointer;\n }\n"])));
28
28
  exports.ViewCreativeContainer = ViewCreativeContainer;
29
- var ViewCreativeTextField = _styledComponents.default.h4(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n font-weight: 400;\n font-size: 0.875rem;\n margin: 0 0 0 10px;\n"])));
29
+ var ViewCreativeTextField = _styledComponents.default.h4(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin: 0 5px;\n"])));
30
30
  exports.ViewCreativeTextField = ViewCreativeTextField;
31
- var FilterValuesContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n width: 97%;\n overflow: hidden;\n margin: 0.5rem;\n font-weight: 400;\n font-size: 0.875rem;\n"])));
31
+ var FilterValuesContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n width: 100%;\n margin: 0.5rem;\n"])));
32
32
  exports.FilterValuesContainer = FilterValuesContainer;
33
- var FilterValue = _styledComponents.default.p(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0rem;\n"])));
33
+ var FilterValue = _styledComponents.default.p(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0;\n"])));
34
34
  exports.FilterValue = FilterValue;
35
- var FieldsDelimiter = _styledComponents.default.p(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n color: #ccc;\n margin: 0rem;\n"])));
35
+ var FieldsDelimiter = _styledComponents.default.p(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)([" \n color: #ccc;\n margin: 0;\n"])));
36
36
  exports.FieldsDelimiter = FieldsDelimiter;
37
- var Retailer = _styledComponents.default.p(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0rem;\n"])));
37
+ var Retailer = _styledComponents.default.p(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0;\n"])));
38
38
  exports.Retailer = Retailer;
39
- var Space = _styledComponents.default.p(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0rem;\n"])));
39
+ var Space = _styledComponents.default.p(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
40
40
  exports.Space = Space;
41
- var RetailerIconContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n white-space: pre-wrap;\n"])));
41
+ var RetailerIconContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n"])));
42
42
  exports.RetailerIconContainer = RetailerIconContainer;
43
43
  var ObjectiesContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: space-between;\n"])));
44
44
  exports.ObjectiesContainer = ObjectiesContainer;
45
- var ObjectiesAndPeriodsContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n overflow: hidden;\n font-size: 0.875rem;\n line-height: 1.4;\n font-weight: 400;\n //margin: 0px 30px;\n width: 97%;\n margin-bottom: 0.5rem;\n"])));
45
+ var ObjectiesAndPeriodsContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
46
46
  exports.ObjectiesAndPeriodsContainer = ObjectiesAndPeriodsContainer;
47
- var ObjectivesTitle = _styledComponents.default.strong(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n"])));
47
+ var ObjectivesTitle = _styledComponents.default.strong(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)([""])));
48
48
  exports.ObjectivesTitle = ObjectivesTitle;
49
- var ObjectivesDescription = _styledComponents.default.p(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n overflow: hidden;\n margin: 0;\n"])));
49
+ var ObjectivesDescription = _styledComponents.default.p(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
50
50
  exports.ObjectivesDescription = ObjectivesDescription;
51
51
  var ObjectivesShowMore = _styledComponents.default.a(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
52
52
  exports.ObjectivesShowMore = ObjectivesShowMore;
53
- var BottonsContainer = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n overflow: hidden;\n\n min-height: 1.5rem;\n"])));
53
+ var BottonsContainer = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n min-height: 1.5rem;\n"])));
54
54
  exports.BottonsContainer = BottonsContainer;
55
- var DownloadButtonContainer = _styledComponents.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n /* margin-left: 5px;\n margin-right: 5px; */\n"])));
55
+ var DownloadButtonContainer = _styledComponents.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)([""])));
56
56
  exports.DownloadButtonContainer = DownloadButtonContainer;
57
- var PeriodsContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (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 margin-left: 20px;\n width: 100%;\n"])));
57
+ var PeriodsContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n justify-content: flex-start;\n margin-left: 20px;\n width: 100%;\n"])));
58
58
  exports.PeriodsContainer = PeriodsContainer;
59
59
  var SubLineContainer = _styledComponents.default.div(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
60
60
  exports.SubLineContainer = SubLineContainer;
61
- var PeriodLabel = _styledComponents.default.strong(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n white-space: pre-wrap;\n overflow: hidden;\n"])));
61
+ var PeriodLabel = _styledComponents.default.strong(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)([""])));
62
62
  exports.PeriodLabel = PeriodLabel;
63
63
  var PeriodValue = _styledComponents.default.p(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
64
64
  exports.PeriodValue = PeriodValue;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.124",
3
+ "version": "1.0.125",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {