sag_components 1.0.312 → 1.0.314

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 (4) hide show
  1. package/dist/stories/components/ListBox.style.js +1 -1
  2. package/dist/stories/components/TitleDescription.js +9 -5
  3. package/dist/stories/components/TitleDescription.style.js +22 -21
  4. package/package.json +1 -1
package/dist/stories/components/ListBox.style.js CHANGED
@@ -19,4 +19,4 @@ var PanelContainer = exports.PanelContainer = _styledComponents.default.div(_tem
19
19
  var ButtonsContainer = exports.ButtonsContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n //flex-wrap: wrap;\n width: 100%;\n padding-bottom: ", "; \n"])), function (props) {
20
20
  return props.paddingBottom;
21
21
  });
22
- var ButtonContainer = exports.ButtonContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin: 0;\n padding: 6px;\n"])));
22
+ var ButtonContainer = exports.ButtonContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n /* display: flex; */\n white-space: nowrap;\n margin: 0;\n padding: 6px;\n"])));
package/dist/stories/components/TitleDescription.js CHANGED
@@ -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 (offsetLeft + 65).toString().concat("", "px");
134
+ return offsetLeft.toString().concat("", "px");
135
135
  };
136
136
  var getViewCreativeContainerTop = function getViewCreativeContainerTop() {
137
137
  var offsetTop = viewCreativeContainerRef.current.offsetTop;
138
- return (offsetTop + 55).toString().concat("", "px");
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.ViewCreativeContainer, {
154
- id: _TitleDescription.ViewCreativeContainer,
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"
package/dist/stories/components/TitleDescription.style.js CHANGED
@@ -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) {
@@ -15,7 +15,7 @@ var MainContainer = exports.MainContainer = _styledComponents.default.div(_templ
15
15
  }, function (props) {
16
16
  return props.height;
17
17
  });
18
- var PanelContainer = exports.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 1rem 1rem 2.5rem;\n font-weight: 400;\n font-size: 14px;\n line-height: 19px;\n white-space: pre-wrap;\n overflow: hidden;\n width: 100%;\n"])));
18
+ var PanelContainer = exports.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 1rem 1rem 2.5rem;\n font-weight: 400;\n font-size: 14px;\n line-height: 19px;\n white-space: pre-wrap;\n //overflow: hidden;\n width: 100%;\n"])));
19
19
  var EventNameAndViewCreativeContainer = exports.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"])));
20
20
  var EventNameViewCreativeSubContainer = exports.EventNameViewCreativeSubContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n align-content: center;\n align-items: center;\n gap: 20px;\n"])));
21
21
  var EventName = exports.EventName = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 1rem;\n margin: 0;\n"])));
@@ -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 ViewCreativeListBoxContainer = exports.ViewCreativeListBoxContainer = _styledComponents.default.h4(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: fixed;\n \n left: ", ";\n top: ", ";\n height: ", ";\n width: ", ";\n\n z-index:1000;\n"])), function (props) {
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(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n width: 100%;\n margin: 0.5rem;\n"])));
38
- var FilterValue = exports.FilterValue = _styledComponents.default.p(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n margin: 0;\n"])));
39
- var FieldsDelimiter = exports.FieldsDelimiter = _styledComponents.default.p(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n color: #ccc;\n margin: 0;\n"])));
40
- var Retailer = exports.Retailer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0;\n margin-inline-end: 5px;\n"])));
41
- var Space = exports.Space = _styledComponents.default.p(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
42
- var RetailerIconContainer = exports.RetailerIconContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n"])));
43
- var ObjectiesContainer = exports.ObjectiesContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: space-between;\n width: ", ";\n"])), function (props) {
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(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
47
- var ObjectivesTitle = exports.ObjectivesTitle = _styledComponents.default.strong(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n"])));
48
- var ObjectivesDescription = exports.ObjectivesDescription = _styledComponents.default.p(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
49
- var ObjectivesShowMore = exports.ObjectivesShowMore = _styledComponents.default.a(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n &:hover {\n cursor: ", ";\n }\n"])), function (props) {
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(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n min-height: 1.5rem;\n"])));
55
- var DownloadButtonContainer = exports.DownloadButtonContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)([""])));
56
- var PeriodsContainer = exports.PeriodsContainer = _styledComponents.default.div(_templateObject22 || (_templateObject22 = (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"])));
57
- var SubLineContainer = exports.SubLineContainer = _styledComponents.default.div(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
58
- var PeriodLabel = exports.PeriodLabel = _styledComponents.default.strong(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n"])));
59
- var PeriodValue = exports.PeriodValue = _styledComponents.default.p(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
55
+ var BottonsContainer = exports.BottonsContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n\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"])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.312",
3
+ "version": "1.0.314",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {