sag_components 1.0.349 → 1.0.351
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.
|
@@ -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
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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
|
-
|
|
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: ''
|
|
@@ -57,8 +57,8 @@ var PerformanceAnalyticsTotals = exports.PerformanceAnalyticsTotals = function P
|
|
|
57
57
|
var _default = exports.default = PerformanceAnalyticsTotals;
|
|
58
58
|
PerformanceAnalyticsTotals.defaultProps = {
|
|
59
59
|
textcolor: '#212121',
|
|
60
|
-
width: '
|
|
61
|
-
height: '
|
|
60
|
+
width: '',
|
|
61
|
+
height: '',
|
|
62
62
|
totalsData: [{
|
|
63
63
|
title: '',
|
|
64
64
|
value: '',
|
|
@@ -8,7 +8,7 @@ exports.TotalsDataContainer = exports.TitleAndValueContainer = exports.Title = e
|
|
|
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;
|
|
11
|
-
var ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-
|
|
11
|
+
var ControlsContainer = exports.ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n font-family: \"Poppins\", sans-serif;\n font-size: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-self: center;\n\n > * {\n box-sizing: border-box;\n }\n"])), function (props) {
|
|
12
12
|
return props.rootFont;
|
|
13
13
|
}, function (props) {
|
|
14
14
|
return props.textColor;
|