sag_components 1.0.348 → 1.0.350

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 (8) hide show
  1. package/dist/stories/components/Button.js +1 -1
  2. package/dist/stories/components/ListBox.style.js +1 -1
  3. package/dist/stories/components/PerformanceAnalytics.js +8 -60
  4. package/dist/stories/components/PerformanceAnalytics.style.js +1 -1
  5. package/dist/stories/components/PerformanceAnalyticsLegend.style.js +1 -1
  6. package/dist/stories/components/PerformanceAnalyticsTotals.style.js +1 -1
  7. package/dist/stories/components/TotalBenchmarkArrows.style.js +1 -1
  8. package/package.json +1 -1
package/dist/stories/components/Button.js CHANGED
@@ -103,7 +103,7 @@ Button.defaultProps = {
103
103
  disabled: true,
104
104
  radius: 30,
105
105
  textColor: '#212121',
106
- backgroundColor: '#212121',
106
+ backgroundColor: 'transparent',
107
107
  borderColor: '#212121',
108
108
  hoverTextColor: '',
109
109
  hoverBackgroundColor: '',
package/dist/stories/components/ListBox.style.js CHANGED
@@ -8,7 +8,7 @@ exports.PanelContainer = exports.MainContainer = exports.ButtonsContainer = expo
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;
11
- var MainContainer = exports.MainContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-style: normal;\n font-size: 1rem;\n border-radius: 12px;\n width: ", ";\n height: ", ";\n"])), function (props) {
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 border-radius: 12px;\n width: ", ";\n height: ", ";\n"])), function (props) {
12
12
  return props.width;
13
13
  }, function (props) {
14
14
  return props.height;
package/dist/stories/components/PerformanceAnalytics.js CHANGED
@@ -23,21 +23,15 @@ var PERCENT_CONTRIBUTION_OF_TOTAL_STR = '% Contribution of Total';
23
23
 
24
24
  /* PerformanceAnalytics */
25
25
  var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAnalytics(props) {
26
- var _props$currencyType = props.currencyType,
27
- currencyType = _props$currencyType === void 0 ? 'USD' : _props$currencyType,
28
- _props$colorGraphROI = props.colorGraphROI,
29
- colorGraphROI = _props$colorGraphROI === void 0 ? '#9CCB3B' : _props$colorGraphROI,
30
- _props$colorBarchart = props.colorBarchart1,
31
- colorBarchart1 = _props$colorBarchart === void 0 ? '#1F7677' : _props$colorBarchart,
32
- _props$colorBarchart2 = props.colorBarchart2,
33
- colorBarchart2 = _props$colorBarchart2 === void 0 ? '#90CE9C' : _props$colorBarchart2,
34
- _props$textcolor = props.textcolor,
35
- textcolor = _props$textcolor === void 0 ? '#212121' : _props$textcolor,
26
+ var currencyType = props.currencyType,
27
+ colorGraphROI = props.colorGraphROI,
28
+ colorBarchart1 = props.colorBarchart1,
29
+ colorBarchart2 = props.colorBarchart2,
30
+ textcolor = props.textcolor,
36
31
  width = props.width,
37
32
  height = props.height,
38
33
  dotCut = props.dotCut,
39
- _props$lineChartHeigh = props.lineChartHeight,
40
- lineChartHeight = _props$lineChartHeigh === void 0 ? 150 : _props$lineChartHeigh,
34
+ lineChartHeight = props.lineChartHeight,
41
35
  noDataText = props.noDataText,
42
36
  totalsData = props.totalsData,
43
37
  data = props.data,
@@ -170,52 +164,6 @@ var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAn
170
164
  }, "Incremental Growth Value:"), /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.TooltipValue, {
171
165
  id: "TooltipValue"
172
166
  }, "".concat((_payload$0$payload$In = payload[0].payload.IncrementalGrowthValue) === null || _payload$0$payload$In === void 0 ? void 0 : _payload$0$payload$In.toFixed(1), "% "))));
173
- // case PERCENT_CONTRIBUTION_OF_TOTAL_STR:
174
- // return (
175
- // <TooltipContainer id="TooltipContainer">
176
- // {/* <TooltipTitle>{`${payload[0].payload.retailer}`}</TooltipTitle> */}
177
-
178
- // <ToolTipBarchart1Container id="ToolTipBarchart1Container">
179
- // <LegendColorRectangle
180
- // id="LegendColorRectangle"
181
- // color={colorBarchart1}
182
- // />
183
-
184
- // <ToolTipBarchart1LabelAndValueContainer id="ToolTipBarchart1LabelAndValueContainer">
185
- // <ToolTipLabelAndValueContainer id="ToolTipLabelAndValueContainer">
186
- // <TooltipLabel id="TooltipLabel">
187
- // Contribution of Total Package Cost:
188
- // </TooltipLabel>
189
- // <TooltipValue id="TooltipValue">
190
- // {`${payload[0].payload.contributionPackageCostValue?.toFixed(1)}%`}
191
- // </TooltipValue>
192
- // </ToolTipLabelAndValueContainer>
193
-
194
- // <ToolTipLabelAndValueContainer>
195
- // <TooltipLabel id="TooltipLabel">
196
- // Contribution of Total Redemption Cost:
197
- // </TooltipLabel>
198
- // <TooltipValue id="TooltipValue">
199
- // {`${payload[0].payload.contributionRedemptionCostValue?.toFixed(1)}%`}
200
- // </TooltipValue>
201
- // </ToolTipLabelAndValueContainer>
202
- // </ToolTipBarchart1LabelAndValueContainer>
203
- // </ToolTipBarchart1Container>
204
-
205
- // <ToolTipLabelAndValueContainer id="ToolTipLabelAndValueContainer">
206
- // <LegendColorRectangle
207
- // id="LegendColorRectangle"
208
- // color={colorBarchart2}
209
- // />
210
- // <TooltipLabel id="TooltipLabel">
211
- // Contribution of Total Incremental Sales:
212
- // </TooltipLabel>
213
- // <TooltipValue id="TooltipValue">
214
- // {`${payload[0].payload.contributionIncrementalSalesValue?.toFixed(1)}%`}
215
- // </TooltipValue>
216
- // </ToolTipLabelAndValueContainer>
217
- // </TooltipContainer>
218
- // );
219
167
  default:
220
168
  return null;
221
169
  }
@@ -451,8 +399,8 @@ PerformanceAnalytics.defaultProps = {
451
399
  colorBarchart1: '#1F7677',
452
400
  colorBarchart2: '#90CE9C',
453
401
  textcolor: '#212121',
454
- width: '',
455
- height: '',
402
+ width: '100%',
403
+ height: '100%',
456
404
  dotCut: true,
457
405
  lineChartHeight: 150,
458
406
  noDataText: ''
package/dist/stories/components/PerformanceAnalytics.style.js CHANGED
@@ -27,7 +27,7 @@ var TooltipContainer = exports.TooltipContainer = _styledComponents.default.div(
27
27
  var TooltipLabel = exports.TooltipLabel = _styledComponents.default.p(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n width: fit-content;\n margin: 0 6px 0 0;\n"])));
28
28
  var TooltipValue = exports.TooltipValue = _styledComponents.default.p(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n font-family: \"Poppins\", sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n width: fit-content;\n margin: 0;\n"])));
29
29
  var TooltipTitle = exports.TooltipTitle = _styledComponents.default.p(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n margin: 0;\n"])));
30
- var ToolTipBarchart1Container = exports.ToolTipBarchart1Container = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n margin-bottom: 10px;\n"])));
30
+ var ToolTipBarchart1Container = exports.ToolTipBarchart1Container = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 10px;\n"])));
31
31
  var ToolTipBarchart1LabelAndValueContainer = exports.ToolTipBarchart1LabelAndValueContainer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n gap: 8px;\n"])));
32
32
  var ToolTipLabelAndValueContainer = exports.ToolTipLabelAndValueContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n gap: 8px;\n"])));
33
33
  var LegendColorRectangle = exports.LegendColorRectangle = _styledComponents.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n width: 0.875rem;\n min-width: 0.875rem;\n height: 0.875rem;\n border-radius: 2px;\n background: ", ";\n"])), function (props) {
package/dist/stories/components/PerformanceAnalyticsLegend.style.js CHANGED
@@ -18,7 +18,7 @@ var ControlsContainer = exports.ControlsContainer = _styledComponents.default.di
18
18
  return props.height;
19
19
  });
20
20
  var Controls = exports.Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n gap: 20px;\n flex-direction: column;\n width: 100%;\n height: 100%;\n background: white;\n"])));
21
- var LegendDataContainer = exports.LegendDataContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center;\n gap: 80px;\n margin-top: 14px;\n @media (max-width: 1536px) {\n gap: 58px;\n }\n @media (max-width: 1366px) {\n gap: 50px;\n }\n"])));
21
+ var LegendDataContainer = exports.LegendDataContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-top: 14px;\n @media (max-width: 1536px) {\n gap: 38px;\n }\n @media (max-width: 1366px) {\n gap: 30px;\n }\n"])));
22
22
  var TitleAndIconContainer = exports.TitleAndIconContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n"])));
23
23
  var Title = exports.Title = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 14px;\n line-height: 27px;\n margin: 0 0 0 10px;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n"])));
24
24
  var LegendColorRectangle = exports.LegendColorRectangle = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n width: 0.875rem;\n min-width: 0.875rem;\n height: 0.875rem;\n border-radius: 2px;\n background: ", ";\n"])), function (props) {
package/dist/stories/components/PerformanceAnalyticsTotals.style.js CHANGED
@@ -18,7 +18,7 @@ var ControlsContainer = exports.ControlsContainer = _styledComponents.default.di
18
18
  return props.height;
19
19
  });
20
20
  var Controls = exports.Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n gap: 20px;\n flex-direction: column;\n width: 100%;\n height: 100%;\n background: white;\n"])));
21
- var TotalsDataContainer = exports.TotalsDataContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n"])));
21
+ var TotalsDataContainer = exports.TotalsDataContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: space-between;\n"])));
22
22
  var TitleAndValueContainer = exports.TitleAndValueContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n padding: 0 20px;\n"])));
23
23
  var Title = exports.Title = _styledComponents.default.h4(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 500;\n font-size: 1rem;\n line-height: 27px;\n margin: 0;\n @media (max-width: 1536px) {\n font-size: 14px;\n }\n @media (max-width: 1366px) {\n font-size: 12px;\n }\n"])));
24
24
  var CurrencySignAndFormattedValueContainer = exports.CurrencySignAndFormattedValueContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n gap: 16px;\n"])));
package/dist/stories/components/TotalBenchmarkArrows.style.js CHANGED
@@ -22,7 +22,7 @@ var FormattedValue = exports.FormattedValue = _styledComponents.default.div(_tem
22
22
  var BenchmarkContainer = exports.BenchmarkContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.77778rem;\n width: 5.35rem;\n"])));
23
23
  var DetailsContainer = exports.DetailsContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n /* width: 14rem; */\n height: 50%;\n"])));
24
24
  var DetailsTitle = exports.DetailsTitle = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n height: 25%;\n font-weight: 500;\n font-size: 1rem;\n"])));
25
- var DetailsRowContainer = exports.DetailsRowContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: row;\n text-align: center;\n align-items: baseline;\n height: 25%;\n"])));
25
+ var DetailsRowContainer = exports.DetailsRowContainer = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n text-align: center;\n align-items: baseline;\n height: 25%;\n"])));
26
26
  var DetailsRowArrowContainer = exports.DetailsRowArrowContainer = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 0.8rem;\n align-items: flex-end;\n height: 25%;\n"])));
27
27
  var DetailsRowFormattedValue = exports.DetailsRowFormattedValue = _styledComponents.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n margin-left: 0.3rem;\n font-weight: 700;\n font-size: 0.88889rem;\n"])));
28
28
  var DetailsRowFormattedValueNoDataMessage = exports.DetailsRowFormattedValueNoDataMessage = _styledComponents.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 0.3rem;\n font-weight: 700;\n font-size: 0.88889rem;\n margin: 0; \n"])));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.348",
3
+ "version": "1.0.350",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {