sag_components 1.0.441 → 1.0.443

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/TitleDescription.js +8 -3
  2. package/dist/stories/components/TitleDescription.style.js +2 -2
  3. package/dist/stories/components/TotalBenchmark.style.js +1 -1
  4. package/package.json +1 -1
package/dist/stories/components/TitleDescription.js CHANGED
@@ -18,7 +18,7 @@ var _ListBox = require("./ListBox");
18
18
  var _TitleDescription = require("./TitleDescription.style");
19
19
  /* TitleDescription */
20
20
  const TitleDescription = props => {
21
- var _data$externalEventDe, _data$eventDatesValue, _data$eventDatesValue2, _data$objectivesDescr;
21
+ var _data$eventDescriptio, _data$eventDatesValue, _data$eventDatesValue2, _data$objectivesDescr;
22
22
  const {
23
23
  showRetailerIcon,
24
24
  showPeriodIcon,
@@ -178,7 +178,11 @@ const TitleDescription = props => {
178
178
  id: "Retailer"
179
179
  }, getRetailerIcon(data.retailer)), /*#__PURE__*/_react.default.createElement(_TitleDescription.FilterValue, {
180
180
  id: "FilterValue"
181
- }, data.eventType), data.externalEventID && /*#__PURE__*/_react.default.createElement(_TitleDescription.FieldsDelimiter, {
181
+ }, data.eventType), data.externalEventDescription && /*#__PURE__*/_react.default.createElement(_TitleDescription.FieldsDelimiter, {
182
+ id: "FieldsDelimiter"
183
+ }, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescription.FilterValue, {
184
+ id: "FilterValue"
185
+ }, data.externalEventDescription), data.externalEventID && /*#__PURE__*/_react.default.createElement(_TitleDescription.FieldsDelimiter, {
182
186
  id: "FieldsDelimiter"
183
187
  }, " | "), /*#__PURE__*/_react.default.createElement(_TitleDescription.FilterValue, {
184
188
  id: "FilterValue"
@@ -207,7 +211,7 @@ const TitleDescription = props => {
207
211
  id: "ObjectivesDescription"
208
212
  }, /*#__PURE__*/_react.default.createElement(_TitleDescription.ObjectivesTitle, {
209
213
  id: "ObjectivesTitle"
210
- }, (data === null || data === void 0 ? void 0 : (_data$externalEventDe = data.externalEventDescription) === null || _data$externalEventDe === void 0 ? void 0 : _data$externalEventDe.length) > 0 ? "Event Description: " : ""), data.externalEventDescription)), showPeriodIcon && /*#__PURE__*/_react.default.createElement(_TitleDescription.PeriodsContainer, {
214
+ }, (data === null || data === void 0 ? void 0 : (_data$eventDescriptio = data.eventDescription) === null || _data$eventDescriptio === void 0 ? void 0 : _data$eventDescriptio.length) > 0 ? "Event Description: " : ""), data.eventDescription)), showPeriodIcon && /*#__PURE__*/_react.default.createElement(_TitleDescription.PeriodsContainer, {
211
215
  id: "PeriodsContainer"
212
216
  }, /*#__PURE__*/_react.default.createElement(_TitleDescription.SubLineContainer, {
213
217
  id: "SubLineContainer"
@@ -248,6 +252,7 @@ TitleDescription.defaultProps = {
248
252
  eventName: "Large Selling Event P2 2023",
249
253
  eventType: "Large Selling Event",
250
254
  retailer: "The Giant Company",
255
+ eventDescription: "Large Selling Event Description",
251
256
  objectivesDescription: "Lorem ipsum dolor sit amet consectetur. Viverra urna condimentum donec ipsum vitae volutpat phasellus. Adipiscing quam sodales vestibulum pretium sit adipiscing ultricies viverra. Sollicitudin penatibus fermentum fermentum faucibus viverra augue viverra. Lorem ipsum dolor sit amet consectetur. Viverra urna condimentum donec ipsum vitae volutpat phasellus. ",
252
257
  eventDatesValue: "Feb 1, 2023 - Feb 28, 2023",
253
258
  externalEventDescription: "Large Selling Event P2 Description",
package/dist/stories/components/TitleDescription.style.js CHANGED
@@ -23,14 +23,14 @@ const FieldsDelimiter = exports.FieldsDelimiter = _styledComponents.default.p(_t
23
23
  const Retailer = exports.Retailer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n color: #1b30aa;\n margin: 0;\n margin-inline-end: 5px;\n"])));
24
24
  const Space = exports.Space = _styledComponents.default.p(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0;\n"])));
25
25
  const RetailerIconContainer = exports.RetailerIconContainer = _styledComponents.default.div(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n"])));
26
- const 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"])), props => !props.showPeriodIcon ? '100%' : '75%');
26
+ const 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"])), props => !props.showPeriodIcon ? '100%' : '70%');
27
27
  const ObjectiesAndPeriodsContainer = exports.ObjectiesAndPeriodsContainer = _styledComponents.default.div(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n margin: 0.5rem 0 0 0;\n"])));
28
28
  const ObjectivesTitle = exports.ObjectivesTitle = _styledComponents.default.strong(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n"])));
29
29
  const ObjectivesDescription = exports.ObjectivesDescription = _styledComponents.default.p(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n line-height: 19px;\n font-size: 14px;\n font-weight: 400;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n margin: 0;\n"])));
30
30
  const ObjectivesShowMore = exports.ObjectivesShowMore = _styledComponents.default.a(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n &:hover {\n cursor: ", ";\n }\n"])), props => props.disabled ? '#B1B1B1' : '#1b30aa', props => !props.disabled ? 'pointer' : 'default');
31
31
  const 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"])));
32
32
  const DownloadButtonContainer = exports.DownloadButtonContainer = _styledComponents.default.div(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)([""])));
33
- const 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: 20%;\n font-size: 14px;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n } \n"])));
33
+ const 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 font-size: 14px;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n } \n"])));
34
34
  const SubLineContainer = exports.SubLineContainer = _styledComponents.default.div(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n"])));
35
35
  const PeriodLabel = exports.PeriodLabel = _styledComponents.default.strong(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2.default)(["\n line-height: 19px;\n font-size: 14px;\n font-weight: 500;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n } \n"])));
36
36
  const PeriodValue = exports.PeriodValue = _styledComponents.default.p(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2.default)(["\n line-height: 19px;\n font-size: 14px;\n font-weight: 400;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n margin: 0 0 0 10px;\n"])));
package/dist/stories/components/TotalBenchmark.style.js CHANGED
@@ -14,7 +14,7 @@ const ControlsContainer = exports.ControlsContainer = _styledComponents.default.
14
14
  const Controls = exports.Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n border-radius: 12px;\n background: #ffffff;\n margin-bottom: 2rem;\n padding: 0px 0.8rem;\n"])));
15
15
  const TitleAndValueContainer = exports.TitleAndValueContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n"])));
16
16
  const Title = exports.Title = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 1rem;\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n"])));
17
- const FormattedValue = exports.FormattedValue = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n font-weight: 500;\n font-size: 40px;\n @media (max-width: 1366px) {\n font-size: 20px;\n }\n @media (max-width: 1536px) {\n font-size: 24px;\n }\n"])));
17
+ const FormattedValue = exports.FormattedValue = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n /* width: 100%; */\n font-weight: 500;\n font-size: 40px;\n @media (max-width: 1366px) {\n font-size: 20px;\n }\n @media (max-width: 1536px) {\n font-size: 24px;\n }\n"])));
18
18
  const FormattedValueNoData = exports.FormattedValueNoData = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n font-weight: 700;\n font-size: 16px;\n"])));
19
19
  const BenchmarkContainerParent = exports.BenchmarkContainerParent = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: baseline;\n width: 100%;\n height: 100%;\n margin: 0;\n"])));
20
20
  const BenchmarkContainer = exports.BenchmarkContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n margin-top: 0;\n margin-left: 1rem;\n height: 0.9rem;\n"])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.441",
3
+ "version": "1.0.443",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {