sag_components 1.0.118 → 1.0.120

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 +37 -33
  2. package/dist/stories/components/TitleDescription.style.js +12 -12
  3. package/package.json +1 -1
package/dist/stories/components/TitleDescription.js CHANGED
@@ -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", "eventLinkLabelOnClick", "retailerLinkLabelOnClick", "objectivesShowMoreOnClick", "downloadButtonOnClick", "flyButtonOnClick", "width", "height", "textColor"];
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
- eventLinkLabelOnClick = _ref.eventLinkLabelOnClick,
19
- retailerLinkLabelOnClick = _ref.retailerLinkLabelOnClick,
18
+ eventTypeOnClick = _ref.eventTypeOnClick,
19
+ retailerOnClick = _ref.retailerOnClick,
20
20
  objectivesShowMoreOnClick = _ref.objectivesShowMoreOnClick,
21
21
  downloadButtonOnClick = _ref.downloadButtonOnClick,
22
22
  flyButtonOnClick = _ref.flyButtonOnClick,
@@ -34,44 +34,48 @@ var TitleDescription = function TitleDescription(_ref) {
34
34
  textColor: textColor
35
35
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.LeftPanelContainer, {
36
36
  id: "LeftPanelContainer"
37
- }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.MainTitleAndViewCreativeContainer, {
38
- id: "MainTitleAndViewCreativeContainer"
39
- }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.MainTitle, {
40
- id: "MainTitle"
41
- }, data.mainTitle, " "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ViewCreativeContainer, {
37
+ }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.EventNameAndViewCreativeContainer, {
38
+ id: "EventNameAndViewCreativeContainer"
39
+ }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.EventName, {
40
+ id: "EventName"
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
- }, " ", data.infoButtonText, " "))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.EventTypeAndRetailerContainer, {
49
- id: "EventTypeAndRetailerContainer"
50
- }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.EventTypeLink, {
51
- id: "EventTypeLink",
52
- onClick: function onClick(event) {
53
- eventLinkLabelOnClick({
54
- eventName: "eventLinkLabelOnClick",
55
- event: event
56
- });
57
- }
58
- }, data.eventLinkLabel), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
48
+ }, "View creative"))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FilterValueAndRetailerContainer, {
49
+ id: "FilterValueAndRetailerContainer"
50
+ }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.Retailer, {
51
+ id: "Retailer"
52
+ }, data.retailer), data.eventType && /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
59
53
  id: "FieldsDelimiter"
60
- }, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RetailerLink, {
61
- id: "RetailerLink",
62
- onClick: function onClick(event) {
63
- retailerLinkLabelOnClick({
64
- eventName: "retailerLinkLabelOnClick",
65
- event: event
66
- });
67
- }
68
- }, data.retailerLinkLabel)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectiesContainer, {
54
+ }, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FilterValue, {
55
+ id: "FilterValue"
56
+ }, data.eventType), data.storeType && /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
57
+ id: "FieldsDelimiter"
58
+ }, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FilterValue, {
59
+ id: "FilterValue"
60
+ }, data.storeType), data.category && /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
61
+ id: "FieldsDelimiter"
62
+ }, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FilterValue, {
63
+ id: "FilterValue"
64
+ }, data.category), data.supplier && /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
65
+ id: "FieldsDelimiter"
66
+ }, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FilterValue, {
67
+ id: "FilterValue"
68
+ }, data.supplier), data.brand && /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
69
+ id: "FieldsDelimiter"
70
+ }, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FilterValue, {
71
+ id: "FilterValue"
72
+ }, data.brand)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectiesContainer, {
69
73
  id: "ObjectiesContainer"
70
74
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesDescription, {
71
75
  id: "ObjectivesDescription"
72
76
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesTitle, {
73
77
  id: "ObjectivesTitle"
74
- }, data.objectivesLabel, " "), data.objectivesDescription, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesShowMore, {
78
+ }, "Objectives: "), data.objectivesDescription, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.ObjectivesShowMore, {
75
79
  id: "ObjectivesShowMore",
76
80
  onClick: function onClick(event) {
77
81
  objectivesShowMoreOnClick({
@@ -79,7 +83,7 @@ var TitleDescription = function TitleDescription(_ref) {
79
83
  event: event
80
84
  });
81
85
  }
82
- }, data.objectivesShowMoreLabel)))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelContainer, {
86
+ }, "show more ...")))), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.RightPanelContainer, {
83
87
  id: "RightPanelContainer"
84
88
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.BottonsContainer, {
85
89
  id: "BottonsContainer"
@@ -104,19 +108,19 @@ var TitleDescription = function TitleDescription(_ref) {
104
108
  id: "SubLineContainer"
105
109
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodLabel, {
106
110
  id: "PeriodLabel"
107
- }, data.eventDatesTitle), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
111
+ }, "Event Dates: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
108
112
  id: "PeriodValue"
109
113
  }, data.eventDatesValue)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.SubLineContainer, {
110
114
  id: "SubLineContainer"
111
115
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodLabel, {
112
116
  id: "PeriodLabel"
113
- }, data.inAdLabel), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
117
+ }, "In Ad: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
114
118
  id: "PeriodValue"
115
119
  }, data.inAdValue)), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.SubLineContainer, {
116
120
  id: "SubLineContainer"
117
121
  }, /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodLabel, {
118
122
  id: "PeriodLabel"
119
- }, data.onDisplayLabel), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
123
+ }, "On Display: "), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.PeriodValue, {
120
124
  id: "PeriodValue"
121
125
  }, data.onDisplayValue1), /*#__PURE__*/_react.default.createElement(_TitleDescriptionStyle.FieldsDelimiter, {
122
126
  id: "FieldsDelimiter"
package/dist/stories/components/TitleDescription.style.js CHANGED
@@ -4,7 +4,7 @@ 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.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;
7
+ exports.ViewCreativeTextField = exports.ViewCreativeContainer = exports.SubLineContainer = exports.RightPanelContainer = exports.Retailer = exports.PeriodsContainer = exports.PeriodValue = exports.PeriodLabel = exports.ObjectivesTitle = exports.ObjectivesShowMore = exports.ObjectivesDescription = exports.ObjectiesContainer = exports.MainContainer = exports.LeftPanelContainer = exports.FilterValueAndRetailerContainer = exports.FilterValue = exports.FieldsDelimiter = 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;
@@ -18,22 +18,22 @@ var MainContainer = _styledComponents.default.div(_templateObject || (_templateO
18
18
  exports.MainContainer = MainContainer;
19
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-content: center;\n width: 94%;\n margin-top: 1rem;\n"])));
22
- exports.MainTitleAndViewCreativeContainer = MainTitleAndViewCreativeContainer;
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
- exports.MainTitle = MainTitle;
21
+ var EventNameAndViewCreativeContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n width: 94%;\n margin-top: 1rem;\n"])));
22
+ exports.EventNameAndViewCreativeContainer = EventNameAndViewCreativeContainer;
23
+ var EventName = _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
+ exports.EventName = EventName;
25
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
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: 0.5rem;\n font-weight: 400;\n font-size: 0.875rem;\n"])));
30
- exports.EventTypeAndRetailerContainer = EventTypeAndRetailerContainer;
31
- var EventTypeLink = _styledComponents.default.a(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
32
- exports.EventTypeLink = EventTypeLink;
29
+ var FilterValueAndRetailerContainer = _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
+ exports.FilterValueAndRetailerContainer = FilterValueAndRetailerContainer;
31
+ var FilterValue = _styledComponents.default.p(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0rem;\n /* &:hover {\n cursor: pointer;\n } */\n"])));
32
+ exports.FilterValue = FilterValue;
33
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.a(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
36
- exports.RetailerLink = RetailerLink;
35
+ var Retailer = _styledComponents.default.a(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n &:hover {\n cursor: pointer;\n }\n"])));
36
+ exports.Retailer = Retailer;
37
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"])));
@@ -48,7 +48,7 @@ var BottonsContainer = _styledComponents.default.div(_templateObject16 || (_temp
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 //margin-bottom: 1rem;\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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.118",
3
+ "version": "1.0.120",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {