sag_components 1.0.332 → 1.0.333
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.
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "sag_components",
|
|
3
|
+
"version": "1.0.333",
|
|
4
|
+
"description": "",
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"start": "react-scripts start",
|
|
8
|
+
"lint": "eslint .",
|
|
9
|
+
"build": "cross-env BABEL_ENV=production babel src -d dist ",
|
|
10
|
+
"storybook": "storybook dev -p 6006",
|
|
11
|
+
"build-storybook": "storybook build"
|
|
12
|
+
},
|
|
13
|
+
"keywords": [],
|
|
14
|
+
"author": "SAG",
|
|
15
|
+
"license": "ISC",
|
|
16
|
+
"devDependencies": {
|
|
17
|
+
"@babel/cli": "^7.23.0",
|
|
18
|
+
"@babel/preset-env": "^7.23.3",
|
|
19
|
+
"@babel/preset-react": "^7.23.3",
|
|
20
|
+
"@babel/preset-typescript": "^7.23.3",
|
|
21
|
+
"@storybook/addon-a11y": "^7.4.6",
|
|
22
|
+
"@storybook/addon-essentials": "^7.4.6",
|
|
23
|
+
"@storybook/addon-interactions": "^7.4.6",
|
|
24
|
+
"@storybook/addon-links": "^7.4.6",
|
|
25
|
+
"@storybook/addon-storysource": "^7.4.6",
|
|
26
|
+
"@storybook/blocks": "^7.4.6",
|
|
27
|
+
"@storybook/preset-scss": "^1.0.3",
|
|
28
|
+
"@storybook/react": "^7.4.6",
|
|
29
|
+
"@storybook/react-webpack5": "^7.4.6",
|
|
30
|
+
"@storybook/testing-library": "^0.2.2",
|
|
31
|
+
"cross-env": "^7.0.3",
|
|
32
|
+
"css-loader": "^6.8.1",
|
|
33
|
+
"eslint": "^8.53.0",
|
|
34
|
+
"eslint-config-airbnb": "^19.0.4",
|
|
35
|
+
"eslint-plugin-import": "^2.29.0",
|
|
36
|
+
"eslint-plugin-jsx-a11y": "^6.8.0",
|
|
37
|
+
"eslint-plugin-react": "^7.33.2",
|
|
38
|
+
"eslint-plugin-react-hooks": "^4.6.0",
|
|
39
|
+
"react-dom": "^18.2.0",
|
|
40
|
+
"sass": "^1.69.5",
|
|
41
|
+
"sass-loader": "^13.3.2",
|
|
42
|
+
"style-loader": "^3.3.3"
|
|
43
|
+
},
|
|
44
|
+
"dependencies": {
|
|
45
|
+
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
|
|
46
|
+
"@dnd-kit/core": "^6.0.8",
|
|
47
|
+
"@emotion/react": "^11.11.1",
|
|
48
|
+
"@emotion/styled": "^11.11.0",
|
|
49
|
+
"@fontsource/roboto": "^5.0.8",
|
|
50
|
+
"@fortawesome/fontawesome-svg-core": "^6.4.2",
|
|
51
|
+
"@fortawesome/free-solid-svg-icons": "^6.4.2",
|
|
52
|
+
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
53
|
+
"@mui/icons-material": "^5.14.18",
|
|
54
|
+
"@mui/material": "^5.14.18",
|
|
55
|
+
"@mui/styled-engine-sc": "^5.14.12",
|
|
56
|
+
"@mui/x-date-pickers": "^6.18.1",
|
|
57
|
+
"@storybook/addon-designs": "^7.0.5",
|
|
58
|
+
"babel-plugin-react-css-modules": "^5.2.6",
|
|
59
|
+
"classnames": "^2.3.2",
|
|
60
|
+
"dayjs": "^1.11.10",
|
|
61
|
+
"hoopy": "^0.1.4",
|
|
62
|
+
"prop-types": "^15.8.1",
|
|
63
|
+
"react": "^18.2.0",
|
|
64
|
+
"react-css-modules": "^4.7.11",
|
|
65
|
+
"react-loading-skeleton": "^3.3.1",
|
|
66
|
+
"react-scripts": "5.0.1",
|
|
67
|
+
"recharts": "^2.9.3",
|
|
68
|
+
"storybook": "^7.4.6",
|
|
69
|
+
"styled-components": "^5.3.1"
|
|
70
|
+
},
|
|
71
|
+
"browserslist": {
|
|
72
|
+
"production": [
|
|
73
|
+
">0.2%",
|
|
74
|
+
"not dead",
|
|
75
|
+
"not op_mini all"
|
|
76
|
+
],
|
|
77
|
+
"development": [
|
|
78
|
+
"last 1 chrome version",
|
|
79
|
+
"last 1 firefox version",
|
|
80
|
+
"last 1 safari version"
|
|
81
|
+
]
|
|
82
|
+
}
|
|
83
|
+
}
|
|
@@ -142,7 +142,7 @@ var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAn
|
|
|
142
142
|
return null;
|
|
143
143
|
};
|
|
144
144
|
var CustomTooltipBarChart = function CustomTooltipBarChart(_ref3) {
|
|
145
|
-
var _payload$0$payload$In
|
|
145
|
+
var _payload$0$payload$In;
|
|
146
146
|
var active = _ref3.active,
|
|
147
147
|
payload = _ref3.payload;
|
|
148
148
|
if (active && payload && payload.length > 0) {
|
|
@@ -196,36 +196,52 @@ var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAn
|
|
|
196
196
|
}, "Incremental Growth Value:"), /*#__PURE__*/_react.default.createElement(_PerformanceAnalytics.TooltipValue, {
|
|
197
197
|
id: "TooltipValue"
|
|
198
198
|
}, "".concat((_payload$0$payload$In = payload[0].payload.IncrementalGrowthValue) === null || _payload$0$payload$In === void 0 ? void 0 : _payload$0$payload$In.toFixed(1), "% "))));
|
|
199
|
-
case PERCENT_CONTRIBUTION_OF_TOTAL_STR:
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
199
|
+
// case PERCENT_CONTRIBUTION_OF_TOTAL_STR:
|
|
200
|
+
// return (
|
|
201
|
+
// <TooltipContainer id="TooltipContainer">
|
|
202
|
+
// {/* <TooltipTitle>{`${payload[0].payload.retailer}`}</TooltipTitle> */}
|
|
203
|
+
|
|
204
|
+
// <ToolTipBarchart1Container id="ToolTipBarchart1Container">
|
|
205
|
+
// <LegendColorRectangle
|
|
206
|
+
// id="LegendColorRectangle"
|
|
207
|
+
// color={colorBarchart1}
|
|
208
|
+
// />
|
|
209
|
+
|
|
210
|
+
// <ToolTipBarchart1LabelAndValueContainer id="ToolTipBarchart1LabelAndValueContainer">
|
|
211
|
+
// <ToolTipLabelAndValueContainer id="ToolTipLabelAndValueContainer">
|
|
212
|
+
// <TooltipLabel id="TooltipLabel">
|
|
213
|
+
// Contribution of Total Package Cost:
|
|
214
|
+
// </TooltipLabel>
|
|
215
|
+
// <TooltipValue id="TooltipValue">
|
|
216
|
+
// {`${payload[0].payload.contributionPackageCostValue?.toFixed(1)}%`}
|
|
217
|
+
// </TooltipValue>
|
|
218
|
+
// </ToolTipLabelAndValueContainer>
|
|
219
|
+
|
|
220
|
+
// <ToolTipLabelAndValueContainer>
|
|
221
|
+
// <TooltipLabel id="TooltipLabel">
|
|
222
|
+
// Contribution of Total Redemption Cost:
|
|
223
|
+
// </TooltipLabel>
|
|
224
|
+
// <TooltipValue id="TooltipValue">
|
|
225
|
+
// {`${payload[0].payload.contributionRedemptionCostValue?.toFixed(1)}%`}
|
|
226
|
+
// </TooltipValue>
|
|
227
|
+
// </ToolTipLabelAndValueContainer>
|
|
228
|
+
// </ToolTipBarchart1LabelAndValueContainer>
|
|
229
|
+
// </ToolTipBarchart1Container>
|
|
230
|
+
|
|
231
|
+
// <ToolTipLabelAndValueContainer id="ToolTipLabelAndValueContainer">
|
|
232
|
+
// <LegendColorRectangle
|
|
233
|
+
// id="LegendColorRectangle"
|
|
234
|
+
// color={colorBarchart2}
|
|
235
|
+
// />
|
|
236
|
+
// <TooltipLabel id="TooltipLabel">
|
|
237
|
+
// Contribution of Total Incremental Sales:
|
|
238
|
+
// </TooltipLabel>
|
|
239
|
+
// <TooltipValue id="TooltipValue">
|
|
240
|
+
// {`${payload[0].payload.contributionIncrementalSalesValue?.toFixed(1)}%`}
|
|
241
|
+
// </TooltipValue>
|
|
242
|
+
// </ToolTipLabelAndValueContainer>
|
|
243
|
+
// </TooltipContainer>
|
|
244
|
+
// );
|
|
229
245
|
default:
|
|
230
246
|
return null;
|
|
231
247
|
}
|
|
@@ -327,7 +343,7 @@ var PerformanceAnalytics = exports.PerformanceAnalytics = function PerformanceAn
|
|
|
327
343
|
var formatedData = data.map(function (item) {
|
|
328
344
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
|
|
329
345
|
totalValue: item.packageCostValue + item.redemptionCostValue,
|
|
330
|
-
contributionTotalCostValue: item.
|
|
346
|
+
contributionTotalCostValue: item.contributionTotalCostValue
|
|
331
347
|
});
|
|
332
348
|
});
|
|
333
349
|
return /*#__PURE__*/_react.default.createElement(_recharts.ResponsiveContainer, {
|