sag_components 1.0.284 → 1.0.286

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 (29) hide show
  1. package/.history/package_20231101151518.json +82 -0
  2. package/.history/package_20231101154501.json +82 -0
  3. package/dist/stories/components/Benchmark.js +18 -20
  4. package/dist/stories/components/Benchmark.style.js +13 -13
  5. package/dist/stories/components/CollapseData.js +12 -6
  6. package/dist/stories/components/CollapseData.style.js +2 -2
  7. package/dist/stories/components/Datepicker.js +48 -53
  8. package/dist/stories/components/Datepicker.style.js +2 -2
  9. package/dist/stories/components/OneColumnContainer.js +1 -2
  10. package/dist/stories/components/PerformanceAnalytics.js +29 -29
  11. package/dist/stories/components/PerformanceAnalytics.style.js +2 -2
  12. package/dist/stories/components/PerformanceAnalyticsLegend.js +8 -7
  13. package/dist/stories/components/PerformanceAnalyticsTotals.js +13 -13
  14. package/dist/stories/components/SegmentedButton.js +22 -25
  15. package/dist/stories/components/SegmentedButton.style.js +8 -12
  16. package/dist/stories/components/TextField.js +46 -50
  17. package/dist/stories/components/TitleDescription.js +4 -4
  18. package/dist/stories/components/TitleDescription.style.js +3 -3
  19. package/dist/stories/components/TotalBenchmark.js +25 -25
  20. package/dist/stories/components/TotalBenchmark.style.js +2 -4
  21. package/dist/stories/components/TotalBenchmarkAreachart.js +5 -7
  22. package/dist/stories/components/TotalBenchmarkAreachart.style.js +1 -3
  23. package/dist/stories/components/TotalBenchmarkArrows.js +41 -42
  24. package/dist/stories/components/TotalBenchmarkArrows.style.js +1 -3
  25. package/dist/stories/components/TotalBenchmarkBarchart.js +37 -42
  26. package/dist/stories/components/TotalBenchmarkBarchart.style.js +1 -3
  27. package/dist/stories/components/TotalDoughnutChart.js +5 -4
  28. package/dist/stories/components/icons/LegendUnionIcon.js +6 -7
  29. package/package.json +1 -1
package/dist/stories/components/TotalBenchmark.js CHANGED
@@ -12,25 +12,25 @@ var _react = _interopRequireWildcard(require("react"));
12
12
  var _NoDataFoundMessage = require("./NoDataFoundMessage");
13
13
  var _CommonFunctions = require("./CommonFunctions");
14
14
  var _Benchmark = require("./Benchmark");
15
- var _TotalBenchmarkStyle = require("./TotalBenchmark.style.js");
16
- var _excluded = ["data", "dotCut", "width", "height", "textColor", "noDataText"];
17
- /*TotalBenchmark*/
15
+ var _TotalBenchmark = require("./TotalBenchmark.style");
16
+ var _excluded = ["data", "dotCut", "width", "height", "textcolor", "noDataText"];
17
+ /* TotalBenchmark */
18
18
  var TotalBenchmark = exports.TotalBenchmark = function TotalBenchmark(_ref) {
19
19
  var data = _ref.data,
20
20
  _ref$dotCut = _ref.dotCut,
21
21
  dotCut = _ref$dotCut === void 0 ? true : _ref$dotCut,
22
22
  _ref$width = _ref.width,
23
- width = _ref$width === void 0 ? "260px" : _ref$width,
23
+ width = _ref$width === void 0 ? '260px' : _ref$width,
24
24
  _ref$height = _ref.height,
25
- height = _ref$height === void 0 ? "350px" : _ref$height,
26
- _ref$textColor = _ref.textColor,
27
- textColor = _ref$textColor === void 0 ? "#212121" : _ref$textColor,
25
+ height = _ref$height === void 0 ? '350px' : _ref$height,
26
+ _ref$textcolor = _ref.textcolor,
27
+ textcolor = _ref$textcolor === void 0 ? '#212121' : _ref$textcolor,
28
28
  _ref$noDataText = _ref.noDataText,
29
- noDataText = _ref$noDataText === void 0 ? "" : _ref$noDataText,
29
+ noDataText = _ref$noDataText === void 0 ? '' : _ref$noDataText,
30
30
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
31
31
  var DEFAULT_ROOT_FONT = 16;
32
32
  var DEFAULT_COMPONENT_WIDTH = 250;
33
- var _useState = (0, _react.useState)(DEFAULT_ROOT_FONT.toString().concat("", "px")),
33
+ var _useState = (0, _react.useState)(DEFAULT_ROOT_FONT.toString().concat('', 'px')),
34
34
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
35
35
  rootFont = _useState2[0],
36
36
  setRootFont = _useState2[1];
@@ -40,36 +40,36 @@ var TotalBenchmark = exports.TotalBenchmark = function TotalBenchmark(_ref) {
40
40
  setRootFont(getRootFont(offsetWidth));
41
41
  }, [width]);
42
42
  var getRootFont = function getRootFont(width) {
43
- var relation = width.toString().replace("px", "").replace("%", "") / DEFAULT_COMPONENT_WIDTH;
44
- var fontRoot = (DEFAULT_ROOT_FONT * relation).toString().concat("", "px");
43
+ var relation = width.toString().replace('px', '').replace('%', '') / DEFAULT_COMPONENT_WIDTH;
44
+ var fontRoot = (DEFAULT_ROOT_FONT * relation).toString().concat('', 'px');
45
45
  return fontRoot;
46
46
  };
47
47
  var getSizeFactor = function getSizeFactor() {
48
- return rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT;
48
+ return rootFont.toString().replace('px', '') / DEFAULT_ROOT_FONT;
49
49
  };
50
- return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.ControlsContainer, {
50
+ return /*#__PURE__*/_react.default.createElement(_TotalBenchmark.ControlsContainer, {
51
51
  id: "ControlsContainer",
52
52
  height: height,
53
53
  width: width,
54
- textColor: textColor,
55
- ref: controlsContainerRef,
56
- rootFont: rootFont
54
+ textcolor: textcolor,
55
+ ref: controlsContainerRef
57
56
  }, (data === null || data === void 0 ? void 0 : data.length) > 0 ? data.map(function (item, index) {
58
- return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.Controls, {
57
+ return /*#__PURE__*/_react.default.createElement(_TotalBenchmark.Controls, {
59
58
  id: "Controls",
60
59
  index: index,
61
- width: width
62
- }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.TitleAndValueContainer, {
60
+ width: width,
61
+ key: item.title
62
+ }, /*#__PURE__*/_react.default.createElement(_TotalBenchmark.TitleAndValueContainer, {
63
63
  id: "TitleAndValueContainer"
64
- }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.Title, {
64
+ }, /*#__PURE__*/_react.default.createElement(_TotalBenchmark.Title, {
65
65
  id: "Title",
66
66
  width: width
67
- }, item.title), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.BenchmarkContainerParent, {
67
+ }, item.title), /*#__PURE__*/_react.default.createElement(_TotalBenchmark.BenchmarkContainerParent, {
68
68
  id: "BenchmarkContainerParent"
69
- }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.FormattedValue, {
69
+ }, /*#__PURE__*/_react.default.createElement(_TotalBenchmark.FormattedValue, {
70
70
  id: "FormattedValue",
71
71
  width: width
72
- }, item.value != undefined && item.value != null ? dotCut ? (0, _CommonFunctions.getFormattedValue)(item.value) : (0, _CommonFunctions.getNumberWithCommas)(item.value) : "", item.value != undefined && item.value != null && dotCut ? (0, _CommonFunctions.getFormattedUnits)(item.value) : "", item.value === undefined || item.value === null ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.FormattedValueNoData, null, "No Data") : ""), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.BenchmarkContainer, {
72
+ }, item.value != undefined && item.value != null ? dotCut ? (0, _CommonFunctions.getFormattedValue)(item.value) : (0, _CommonFunctions.getNumberWithCommas)(item.value) : '', item.value !== undefined && item.value != null && dotCut ? (0, _CommonFunctions.getFormattedUnits)(item.value) : '', item.value === undefined || item.value === null ? /*#__PURE__*/_react.default.createElement(_TotalBenchmark.FormattedValueNoData, null, "No Data") : ''), /*#__PURE__*/_react.default.createElement(_TotalBenchmark.BenchmarkContainer, {
73
73
  id: "BenchmarkContainer",
74
74
  width: width
75
75
  }, item.totalValue ? /*#__PURE__*/_react.default.createElement(_Benchmark.Benchmark, {
@@ -84,8 +84,8 @@ var TotalBenchmark = exports.TotalBenchmark = function TotalBenchmark(_ref) {
84
84
  linearGradientUnderAvarageColor: "#FDB1B1",
85
85
  underAvarageColor: "#FD5959",
86
86
  backgroundColor: "#F2F2F2"
87
- }) : ""))));
88
- }) : /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.NoDataFoundContainer, {
87
+ }) : ''))));
88
+ }) : /*#__PURE__*/_react.default.createElement(_TotalBenchmark.NoDataFoundContainer, {
89
89
  id: "NoDataFoundContainer"
90
90
  }, /*#__PURE__*/_react.default.createElement(_NoDataFoundMessage.NoDataFoundMessage, {
91
91
  noDataText: noDataText
package/dist/stories/components/TotalBenchmark.style.js CHANGED
@@ -10,10 +10,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
10
10
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
11
11
  var MIN_HEIGHT = 300;
12
12
  var MIN_WIDTH = 260;
13
- var ControlsContainer = exports.ControlsContainer = _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: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n place-content: space-between;\n justify-content: space-between;\n align-items: flex-start;\n background: #ffffff;\n"])), function (props) {
14
- return props.rootFont;
15
- }, function (props) {
16
- return props.textColor;
13
+ var ControlsContainer = exports.ControlsContainer = _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 color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n place-content: space-between;\n justify-content: space-between;\n align-items: flex-start;\n background: #ffffff;\n"])), function (props) {
14
+ return props.textcolor;
17
15
  }, function (props) {
18
16
  return props.width;
19
17
  }, function (props) {
package/dist/stories/components/TotalBenchmarkAreachart.js CHANGED
@@ -16,7 +16,7 @@ var _NoDataFoundMessage = require("./NoDataFoundMessage");
16
16
  var _Benchmark = require("./Benchmark");
17
17
  var _TotalBenchmarkAreachart = require("./TotalBenchmarkAreachart.style");
18
18
  var _CommonFunctions = require("./CommonFunctions");
19
- var _excluded = ["title", "value", "arrowSign", "benchmarkTotalValue", "benchmarkValue", "areaChartData", "width", "height", "textColor", "areaChart1Color", "areaChart2Color", "xselectedColor", "fillChart1Color", "fillChart2Color", "startOffset", "endOffset", "opacity", "value1Title", "value2Title", "noDataText"];
19
+ var _excluded = ["title", "value", "arrowSign", "benchmarkTotalValue", "benchmarkValue", "areaChartData", "width", "height", "textcolor", "areaChart1Color", "areaChart2Color", "xselectedColor", "fillChart1Color", "fillChart2Color", "startOffset", "endOffset", "opacity", "value1Title", "value2Title", "noDataText"];
20
20
  /* TotalBenchmarkAreachart */
21
21
  var TotalBenchmarkAreachart = exports.TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
22
22
  var title = _ref.title,
@@ -30,8 +30,8 @@ var TotalBenchmarkAreachart = exports.TotalBenchmarkAreachart = function TotalBe
30
30
  width = _ref$width === void 0 ? '250px' : _ref$width,
31
31
  _ref$height = _ref.height,
32
32
  height = _ref$height === void 0 ? '280px' : _ref$height,
33
- _ref$textColor = _ref.textColor,
34
- textColor = _ref$textColor === void 0 ? '#212121' : _ref$textColor,
33
+ _ref$textcolor = _ref.textcolor,
34
+ textcolor = _ref$textcolor === void 0 ? '#212121' : _ref$textcolor,
35
35
  _ref$areaChart1Color = _ref.areaChart1Color,
36
36
  areaChart1Color = _ref$areaChart1Color === void 0 ? '#BD9EFF' : _ref$areaChart1Color,
37
37
  _ref$areaChart2Color = _ref.areaChart2Color,
@@ -140,7 +140,6 @@ var TotalBenchmarkAreachart = exports.TotalBenchmarkAreachart = function TotalBe
140
140
  payload = _ref3.payload,
141
141
  label = _ref3.label;
142
142
  if (active && payload && payload.length) {
143
- console.log(active, payload, label);
144
143
  setActiveLabel(label);
145
144
  return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.TooltipDiv, null, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.TooltipTitle, null, "".concat(label)), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.TooltipLabel, null, "".concat(value1Title, " ").concat((0, _CommonFunctions.getFormattedValue)(payload[0].value)).concat((0, _CommonFunctions.getFormattedUnits)(payload[0].value))), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.TooltipLabel, null, "".concat(value2Title, " ").concat((0, _CommonFunctions.getFormattedValue)(payload[1].value)).concat((0, _CommonFunctions.getFormattedUnits)(payload[1].value))));
146
145
  }
@@ -150,9 +149,8 @@ var TotalBenchmarkAreachart = exports.TotalBenchmarkAreachart = function TotalBe
150
149
  id: "ControlsContainer",
151
150
  height: height,
152
151
  width: width,
153
- textColor: textColor,
154
- ref: controlsContainerRef,
155
- rootFont: rootFont
152
+ textcolor: textcolor,
153
+ ref: controlsContainerRef
156
154
  }, areaChartData && (areaChartData === null || areaChartData === void 0 ? void 0 : areaChartData.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.Controls, {
157
155
  id: "Controls"
158
156
  }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.TitleAndValueContainer, {
package/dist/stories/components/TotalBenchmarkAreachart.style.js CHANGED
@@ -8,9 +8,7 @@ exports.ValueAndBenchmarkContainer = exports.TooltipTitle = exports.TooltipLabel
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, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
11
- var ControlsContainer = exports.ControlsContainer = _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: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n"])), function (props) {
12
- return props.rootFont;
13
- }, function (props) {
11
+ var ControlsContainer = exports.ControlsContainer = _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 color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])), function (props) {
14
12
  return props.textColor;
15
13
  }, function (props) {
16
14
  return props.width;
package/dist/stories/components/TotalBenchmarkArrows.js CHANGED
@@ -14,32 +14,32 @@ var _ArrowDownIcon = require("./icons/ArrowDownIcon");
14
14
  var _NoDataFoundMessage = require("./NoDataFoundMessage");
15
15
  var _CommonFunctions = require("./CommonFunctions");
16
16
  var _Benchmark = require("./Benchmark");
17
- var _TotalBenchmarkArrowsStyle = require("./TotalBenchmarkArrows.style.js");
18
- var _excluded = ["title", "value", "benchmarkTotalValue", "benchmarkValue", "detailsTitle", "detailsData", "dotCut", "width", "height", "textColor", "noDataText"];
19
- /*TotalBenchmarkArrows*/
17
+ var _TotalBenchmarkArrows = require("./TotalBenchmarkArrows.style");
18
+ var _excluded = ["title", "value", "benchmarkTotalValue", "benchmarkValue", "detailsTitle", "detailsData", "dotCut", "width", "height", "textcolor", "noDataText"];
19
+ /* TotalBenchmarkArrows */
20
20
  var TotalBenchmarkArrows = exports.TotalBenchmarkArrows = function TotalBenchmarkArrows(_ref) {
21
21
  var title = _ref.title,
22
22
  value = _ref.value,
23
23
  benchmarkTotalValue = _ref.benchmarkTotalValue,
24
24
  benchmarkValue = _ref.benchmarkValue,
25
25
  _ref$detailsTitle = _ref.detailsTitle,
26
- detailsTitle = _ref$detailsTitle === void 0 ? "" : _ref$detailsTitle,
26
+ detailsTitle = _ref$detailsTitle === void 0 ? '' : _ref$detailsTitle,
27
27
  detailsData = _ref.detailsData,
28
28
  _ref$dotCut = _ref.dotCut,
29
29
  dotCut = _ref$dotCut === void 0 ? true : _ref$dotCut,
30
30
  _ref$width = _ref.width,
31
- width = _ref$width === void 0 ? "250px" : _ref$width,
31
+ width = _ref$width === void 0 ? '250px' : _ref$width,
32
32
  _ref$height = _ref.height,
33
- height = _ref$height === void 0 ? "280px" : _ref$height,
34
- _ref$textColor = _ref.textColor,
35
- textColor = _ref$textColor === void 0 ? "#212121" : _ref$textColor,
33
+ height = _ref$height === void 0 ? '280px' : _ref$height,
34
+ _ref$textcolor = _ref.textcolor,
35
+ textcolor = _ref$textcolor === void 0 ? '#212121' : _ref$textcolor,
36
36
  _ref$noDataText = _ref.noDataText,
37
- noDataText = _ref$noDataText === void 0 ? "" : _ref$noDataText,
37
+ noDataText = _ref$noDataText === void 0 ? '' : _ref$noDataText,
38
38
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
39
39
  var DEFAULT_ROOT_FONT = 16;
40
40
  var DEFAULT_COMPONENT_WIDTH = 250;
41
41
  var DEFAULT_COMPONENT_HEIGHT = 280;
42
- var _useState = (0, _react.useState)(DEFAULT_ROOT_FONT.toString().concat("", "px")),
42
+ var _useState = (0, _react.useState)(DEFAULT_ROOT_FONT.toString().concat('', 'px')),
43
43
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
44
44
  rootFont = _useState2[0],
45
45
  setRootFont = _useState2[1];
@@ -58,19 +58,19 @@ var TotalBenchmarkArrows = exports.TotalBenchmarkArrows = function TotalBenchmar
58
58
  setHeightFactor(factor);
59
59
  }, [height]);
60
60
  var getRootFont = function getRootFont(width) {
61
- var relation = width.toString().replace("px", "").replace("%", "") / DEFAULT_COMPONENT_WIDTH;
62
- var fontRoot = (DEFAULT_ROOT_FONT * relation).toString().concat("", "px");
61
+ var relation = width.toString().replace('px', '').replace('%', '') / DEFAULT_COMPONENT_WIDTH;
62
+ var fontRoot = (DEFAULT_ROOT_FONT * relation).toString().concat('', 'px');
63
63
  return fontRoot;
64
64
  };
65
65
  var getSizeFactor = function getSizeFactor() {
66
- return rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT;
66
+ return rootFont.toString().replace('px', '') / DEFAULT_ROOT_FONT;
67
67
  };
68
68
  var getArrowSign = function getArrowSign(arrowSign) {
69
69
  if (!arrowSign) {
70
- return "";
70
+ return '';
71
71
  }
72
- if (arrowSign == "up") {
73
- return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.DetailsRowArrowContainer, {
72
+ if (arrowSign === 'up') {
73
+ return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrows.DetailsRowArrowContainer, {
74
74
  id: "DetailsRowArrowContainer",
75
75
  value: value,
76
76
  height: 12 * getSizeFactor()
@@ -78,33 +78,31 @@ var TotalBenchmarkArrows = exports.TotalBenchmarkArrows = function TotalBenchmar
78
78
  width: 12 * getSizeFactor(),
79
79
  height: 12 * getSizeFactor()
80
80
  }));
81
- } else {
82
- return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.DetailsRowArrowContainer, {
83
- id: "DetailsRowArrowContainer",
84
- value: value,
85
- height: 12 * getSizeFactor()
86
- }, /*#__PURE__*/_react.default.createElement(_ArrowDownIcon.ArrowDownIcon, {
87
- width: 12 * getSizeFactor(),
88
- height: 12 * getSizeFactor()
89
- }));
90
81
  }
82
+ return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrows.DetailsRowArrowContainer, {
83
+ id: "DetailsRowArrowContainer",
84
+ value: value,
85
+ height: 12 * getSizeFactor()
86
+ }, /*#__PURE__*/_react.default.createElement(_ArrowDownIcon.ArrowDownIcon, {
87
+ width: 12 * getSizeFactor(),
88
+ height: 12 * getSizeFactor()
89
+ }));
91
90
  };
92
- return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.ControlsContainer, {
91
+ return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrows.ControlsContainer, {
93
92
  id: "ControlsContainer",
94
93
  height: height,
95
94
  width: width,
96
- textColor: textColor,
97
- ref: controlsContainerRef,
98
- rootFont: rootFont
99
- }, (detailsData === null || detailsData === void 0 ? void 0 : detailsData.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.Controls, {
95
+ textcolor: textcolor,
96
+ ref: controlsContainerRef
97
+ }, (detailsData === null || detailsData === void 0 ? void 0 : detailsData.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrows.Controls, {
100
98
  id: "Controls"
101
- }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.Title, {
99
+ }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrows.Title, {
102
100
  id: "Title"
103
- }, title), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.ValueAndBenchmarkContainer, {
101
+ }, title), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrows.ValueAndBenchmarkContainer, {
104
102
  id: "ValueAndBenchmarkContainer"
105
- }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.FormattedValue, {
103
+ }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrows.FormattedValue, {
106
104
  id: "FormattedValue"
107
- }, value != undefined && value != null && dotCut ? (0, _CommonFunctions.getFormattedValue)(value) : (0, _CommonFunctions.getNumberWithCommas)(value), value != undefined && value != null && dotCut ? (0, _CommonFunctions.getFormattedUnits)(value) : ""), benchmarkTotalValue ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.BenchmarkContainer, {
105
+ }, value !== undefined && value != null && dotCut ? (0, _CommonFunctions.getFormattedValue)(value) : (0, _CommonFunctions.getNumberWithCommas)(value), value !== undefined && value != null && dotCut ? (0, _CommonFunctions.getFormattedUnits)(value) : ''), benchmarkTotalValue ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrows.BenchmarkContainer, {
108
106
  id: "BenchmarkContainer"
109
107
  }, /*#__PURE__*/_react.default.createElement(_Benchmark.Benchmark, {
110
108
  totalValue: benchmarkTotalValue,
@@ -117,20 +115,21 @@ var TotalBenchmarkArrows = exports.TotalBenchmarkArrows = function TotalBenchmar
117
115
  linearGradientUnderAvarageColor: "#FDB1B1",
118
116
  underAvarageColor: "#FD5959",
119
117
  backgroundColor: "#F2F2F2"
120
- })) : ""), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.DetailsContainer, {
118
+ })) : ''), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrows.DetailsContainer, {
121
119
  id: "DetailsContainer"
122
- }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.DetailsTitle, {
120
+ }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrows.DetailsTitle, {
123
121
  id: "DetailsTitle"
124
122
  }, detailsTitle), detailsData.map(function (item) {
125
- return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.DetailsRowContainer, {
126
- id: "DetailsRowContainer"
127
- }, item.value != undefined && item.value != null ? getArrowSign(item.value >= 0 ? "up" : "down") : "", /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.DetailsRowFormattedValue, {
123
+ return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrows.DetailsRowContainer, {
124
+ id: "DetailsRowContainer",
125
+ key: item.title
126
+ }, item.value !== undefined && item.value != null ? getArrowSign(item.value >= 0 ? 'up' : 'down') : '', /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrows.DetailsRowFormattedValue, {
128
127
  id: "DetailsRowFormattedValue"
129
- }, item.value != undefined && item.value != null ? Math.abs(item.value) : ""), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.DetailsRowPercentSign, {
128
+ }, item.value !== undefined && item.value != null ? Math.abs(item.value) : ''), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrows.DetailsRowPercentSign, {
130
129
  id: "DetailsRowPercentSign"
131
- }, item.value != undefined && item.value != null ? " % " : ""), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.DetailsRowFormattedValueNoDataMessage, {
130
+ }, item.value !== undefined && item.value != null ? ' % ' : ''), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrows.DetailsRowFormattedValueNoDataMessage, {
132
131
  id: "DetailsRowFormattedValueNoDataMessage"
133
- }, item.value === undefined || item.value === null ? "No Data" : ""), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.DetailsRowTitle, {
132
+ }, item.value === undefined || item.value === null ? 'No Data' : ''), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrows.DetailsRowTitle, {
134
133
  id: "DetailsRowTitle"
135
134
  }, item.title));
136
135
  }))) : /*#__PURE__*/_react.default.createElement(_NoDataFoundMessage.NoDataFoundMessage, {
package/dist/stories/components/TotalBenchmarkArrows.style.js CHANGED
@@ -8,9 +8,7 @@ exports.ValueAndBenchmarkContainer = exports.Title = exports.FormattedValue = ex
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, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
11
- var ControlsContainer = exports.ControlsContainer = _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: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])), function (props) {
12
- return props.rootFont;
13
- }, function (props) {
11
+ var ControlsContainer = exports.ControlsContainer = _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 color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])), function (props) {
14
12
  return props.textColor;
15
13
  }, function (props) {
16
14
  return props.width;
package/dist/stories/components/TotalBenchmarkBarchart.js CHANGED
@@ -9,13 +9,13 @@ exports.default = exports.TotalBenchmarkBarchart = void 0;
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
10
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
11
11
  var _react = _interopRequireWildcard(require("react"));
12
- var _NoDataFoundMessage = require("./NoDataFoundMessage");
13
12
  var _recharts = require("recharts");
13
+ var _NoDataFoundMessage = require("./NoDataFoundMessage");
14
14
  var _CommonFunctions = require("./CommonFunctions");
15
15
  var _Benchmark = require("./Benchmark");
16
- var _TotalBenchmarkBarchartStyle = require("./TotalBenchmarkBarchart.style.js");
17
- var _excluded = ["title", "value", "benchmarkTotalValue", "benchmarkValue", "currency", "currencyType", "barChartData", "dotCut", "width", "height", "textColor", "noDataText"];
18
- /*TotalBenchmarkBarchart*/
16
+ var _TotalBenchmarkBarchart = require("./TotalBenchmarkBarchart.style");
17
+ var _excluded = ["title", "value", "benchmarkTotalValue", "benchmarkValue", "currency", "currencyType", "barChartData", "dotCut", "width", "height", "textcolor", "noDataText"];
18
+ /* TotalBenchmarkBarchart */
19
19
  var TotalBenchmarkBarchart = exports.TotalBenchmarkBarchart = function TotalBenchmarkBarchart(_ref) {
20
20
  var _getFormattedBarChart, _getFormattedBarChart2;
21
21
  var title = _ref.title,
@@ -25,23 +25,23 @@ var TotalBenchmarkBarchart = exports.TotalBenchmarkBarchart = function TotalBenc
25
25
  _ref$currency = _ref.currency,
26
26
  currency = _ref$currency === void 0 ? true : _ref$currency,
27
27
  _ref$currencyType = _ref.currencyType,
28
- currencyType = _ref$currencyType === void 0 ? "USD" : _ref$currencyType,
28
+ currencyType = _ref$currencyType === void 0 ? 'USD' : _ref$currencyType,
29
29
  barChartData = _ref.barChartData,
30
30
  _ref$dotCut = _ref.dotCut,
31
31
  dotCut = _ref$dotCut === void 0 ? true : _ref$dotCut,
32
32
  _ref$width = _ref.width,
33
- width = _ref$width === void 0 ? "250px" : _ref$width,
33
+ width = _ref$width === void 0 ? '250px' : _ref$width,
34
34
  _ref$height = _ref.height,
35
- height = _ref$height === void 0 ? "280px" : _ref$height,
36
- _ref$textColor = _ref.textColor,
37
- textColor = _ref$textColor === void 0 ? "#212121" : _ref$textColor,
35
+ height = _ref$height === void 0 ? '280px' : _ref$height,
36
+ _ref$textcolor = _ref.textcolor,
37
+ textcolor = _ref$textcolor === void 0 ? '#212121' : _ref$textcolor,
38
38
  _ref$noDataText = _ref.noDataText,
39
- noDataText = _ref$noDataText === void 0 ? "" : _ref$noDataText,
39
+ noDataText = _ref$noDataText === void 0 ? '' : _ref$noDataText,
40
40
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
41
41
  var DEFAULT_ROOT_FONT = 16;
42
42
  var DEFAULT_COMPONENT_WIDTH = 250;
43
43
  var DEFAULT_COMPONENT_HEIGHT = 280;
44
- var _useState = (0, _react.useState)(DEFAULT_ROOT_FONT.toString().concat("", "px")),
44
+ var _useState = (0, _react.useState)(DEFAULT_ROOT_FONT.toString().concat('', 'px')),
45
45
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
46
46
  rootFont = _useState2[0],
47
47
  setRootFont = _useState2[1];
@@ -50,7 +50,7 @@ var TotalBenchmarkBarchart = exports.TotalBenchmarkBarchart = function TotalBenc
50
50
  heightFactor = _useState4[0],
51
51
  setHeightFactor = _useState4[1];
52
52
 
53
- //const [formattedBarChartData, setFormattedBarChartData] = useState([]);
53
+ // const [formattedBarChartData, setFormattedBarChartData] = useState([]);
54
54
 
55
55
  var controlsContainerRef = (0, _react.useRef)();
56
56
 
@@ -103,54 +103,49 @@ var TotalBenchmarkBarchart = exports.TotalBenchmarkBarchart = function TotalBenc
103
103
  setHeightFactor(factor);
104
104
  }, [height]);
105
105
  var getRootFont = function getRootFont(width) {
106
- var relation = width.toString().replace("px", "").replace("%", "") / DEFAULT_COMPONENT_WIDTH;
107
- var fontRoot = (DEFAULT_ROOT_FONT * relation).toString().concat("", "px");
106
+ var relation = width.toString().replace('px', '').replace('%', '') / DEFAULT_COMPONENT_WIDTH;
107
+ var fontRoot = (DEFAULT_ROOT_FONT * relation).toString().concat('', 'px');
108
108
  return fontRoot;
109
109
  };
110
110
  var getSizeFactor = function getSizeFactor() {
111
- return rootFont.toString().replace("px", "") / DEFAULT_ROOT_FONT;
111
+ return rootFont.toString().replace('px', '') / DEFAULT_ROOT_FONT;
112
112
  };
113
113
  var getFormattedBarChartData = function getFormattedBarChartData() {
114
114
  var tempFormattedBarChartData = [];
115
- var currencySign = currency == true ? (0, _CommonFunctions.getCurrencySign)(currencyType).toString() : "";
115
+ var currencySign = currency == true ? (0, _CommonFunctions.getCurrencySign)(currencyType).toString() : '';
116
116
  if (barChartData && (barChartData === null || barChartData === void 0 ? void 0 : barChartData.length) === 2) {
117
117
  tempFormattedBarChartData.push({
118
118
  title1: barChartData[0].title,
119
119
  value1: barChartData[0].value,
120
- formattedValue1: barChartData[0].value != undefined && barChartData[0].value != null ? currencySign.concat("", (0, _CommonFunctions.getFormattedValue)(barChartData[0].value), "", (0, _CommonFunctions.getFormattedUnits)(barChartData[0].value)) : "No Data",
121
- color1: barChartData[0].color ? barChartData[0].color : "#79DB95",
120
+ formattedValue1: barChartData[0].value != undefined && barChartData[0].value != null ? currencySign.concat('', (0, _CommonFunctions.getFormattedValue)(barChartData[0].value), '', (0, _CommonFunctions.getFormattedUnits)(barChartData[0].value)) : 'No Data',
121
+ color1: barChartData[0].color ? barChartData[0].color : '#79DB95',
122
122
  title2: barChartData[1].title,
123
123
  value2: barChartData[1].value,
124
- formattedValue2: barChartData[1].value != undefined && barChartData[1].value != null ? currencySign.concat("", (0, _CommonFunctions.getFormattedValue)(barChartData[1].value), "", (0, _CommonFunctions.getFormattedUnits)(barChartData[1].value)) : "No Data",
125
- color2: barChartData[1].color ? barChartData[1].color : "#D4C0FF"
124
+ formattedValue2: barChartData[1].value != undefined && barChartData[1].value != null ? currencySign.concat('', (0, _CommonFunctions.getFormattedValue)(barChartData[1].value), '', (0, _CommonFunctions.getFormattedUnits)(barChartData[1].value)) : 'No Data',
125
+ color2: barChartData[1].color ? barChartData[1].color : '#D4C0FF'
126
126
  });
127
-
128
- //console.log("barChartData changed", barChartData);
129
- //setFormattedBarChartData(tempFormattedBarChartData);
130
- console.log("tempFormattedBarChartData changed", tempFormattedBarChartData);
131
127
  return tempFormattedBarChartData;
132
128
  }
133
129
  };
134
- return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.ControlsContainer, {
130
+ return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchart.ControlsContainer, {
135
131
  id: "ControlsContainer",
136
132
  height: height,
137
133
  width: width,
138
- textColor: textColor,
139
- ref: controlsContainerRef,
140
- rootFont: rootFont
141
- }, value != undefined && value != null || barChartData && (barChartData === null || barChartData === void 0 ? void 0 : barChartData.length) >= 2 && (barChartData[0].value != undefined && barChartData[0].value != null || barChartData[1].value != undefined && barChartData[1].value != null) ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.Controls, {
134
+ textcolor: textcolor,
135
+ ref: controlsContainerRef
136
+ }, value !== undefined && value !== null || barChartData && (barChartData === null || barChartData === void 0 ? void 0 : barChartData.length) >= 2 && (barChartData[0].value !== undefined && barChartData[0].value !== null || barChartData[1].value !== undefined && barChartData[1].value !== null) ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchart.Controls, {
142
137
  id: "Controls"
143
- }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.TitleAndValueContainer, {
138
+ }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchart.TitleAndValueContainer, {
144
139
  id: "TitleAndValueContainer"
145
- }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.Title, {
140
+ }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchart.Title, {
146
141
  id: "Title"
147
- }, title), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.ValueAndBenchmarkContainer, {
142
+ }, title), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchart.ValueAndBenchmarkContainer, {
148
143
  id: "ValueAndBenchmarkContainer"
149
- }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.CurrencySign, {
144
+ }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchart.CurrencySign, {
150
145
  id: "CurrencySign"
151
- }, value != undefined && value != null && currency ? (0, _CommonFunctions.getCurrencySign)(currencyType, value) : ""), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.FormattedValue, {
146
+ }, value != undefined && value != null && currency ? (0, _CommonFunctions.getCurrencySign)(currencyType, value) : ''), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchart.FormattedValue, {
152
147
  id: "FormattedValue"
153
- }, value != undefined && value != null ? dotCut ? (0, _CommonFunctions.getFormattedValue)(value) : (0, _CommonFunctions.getNumberWithCommas)(value) : "", value != undefined && value != null && dotCut ? (0, _CommonFunctions.getFormattedUnits)(value) : ""), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.FormattedValueNoDataMessage, null, value === undefined || value === null ? "No Data" : ""), benchmarkTotalValue ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.BenchmarkContainer, {
148
+ }, value != undefined && value != null ? dotCut ? (0, _CommonFunctions.getFormattedValue)(value) : (0, _CommonFunctions.getNumberWithCommas)(value) : '', value !== undefined && value != null && dotCut ? (0, _CommonFunctions.getFormattedUnits)(value) : ''), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchart.FormattedValueNoDataMessage, null, value === undefined || value === null ? 'No Data' : ''), benchmarkTotalValue ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchart.BenchmarkContainer, {
154
149
  id: "BenchmarkContainer"
155
150
  }, /*#__PURE__*/_react.default.createElement(_Benchmark.Benchmark, {
156
151
  totalValue: benchmarkTotalValue !== null && benchmarkTotalValue !== void 0 ? benchmarkTotalValue : 0,
@@ -163,7 +158,7 @@ var TotalBenchmarkBarchart = exports.TotalBenchmarkBarchart = function TotalBenc
163
158
  linearGradientUnderAvarageColor: "#FDB1B1",
164
159
  underAvarageColor: "#FD5959",
165
160
  backgroundColor: "#F2F2F2"
166
- })) : "")), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.BarchartContainer, {
161
+ })) : '')), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchart.BarchartContainer, {
167
162
  id: "BarchartContainer"
168
163
  }, getFormattedBarChartData() && ((_getFormattedBarChart = getFormattedBarChartData()) === null || _getFormattedBarChart === void 0 ? void 0 : _getFormattedBarChart.length) === 1 && /*#__PURE__*/_react.default.createElement(_recharts.BarChart, {
169
164
  width: 224 * getSizeFactor(),
@@ -187,7 +182,7 @@ var TotalBenchmarkBarchart = exports.TotalBenchmarkBarchart = function TotalBenc
187
182
  }, /*#__PURE__*/_react.default.createElement(_recharts.LabelList, {
188
183
  dataKey: "formattedValue1",
189
184
  position: "top",
190
- fill: textColor,
185
+ fill: textcolor,
191
186
  fontWeight: 400,
192
187
  fontSize: "14px"
193
188
  })), /*#__PURE__*/_react.default.createElement(_recharts.Bar, {
@@ -200,16 +195,16 @@ var TotalBenchmarkBarchart = exports.TotalBenchmarkBarchart = function TotalBenc
200
195
  }, /*#__PURE__*/_react.default.createElement(_recharts.LabelList, {
201
196
  dataKey: "formattedValue2",
202
197
  position: "top",
203
- fill: textColor,
198
+ fill: textcolor,
204
199
  fontWeight: 400,
205
200
  fontSize: "14px"
206
- }))), getFormattedBarChartData() && ((_getFormattedBarChart2 = getFormattedBarChartData()) === null || _getFormattedBarChart2 === void 0 ? void 0 : _getFormattedBarChart2.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.BottomDetailsRowContainer, {
201
+ }))), getFormattedBarChartData() && ((_getFormattedBarChart2 = getFormattedBarChartData()) === null || _getFormattedBarChart2 === void 0 ? void 0 : _getFormattedBarChart2.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchart.BottomDetailsRowContainer, {
207
202
  id: "BottomDetailsRowContainer"
208
- }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.BottomDetailsRowTitle, {
203
+ }, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchart.BottomDetailsRowTitle, {
209
204
  id: "BottomDetailsRowTitle1"
210
- }, getFormattedBarChartData()[0].title1), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.BottomDetailsRowTitle, {
205
+ }, getFormattedBarChartData()[0].title1), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchart.BottomDetailsRowTitle, {
211
206
  id: "BottomDetailsRowTitle2"
212
- }, getFormattedBarChartData()[0].title2)) : "")) : /*#__PURE__*/_react.default.createElement(_NoDataFoundMessage.NoDataFoundMessage, {
207
+ }, getFormattedBarChartData()[0].title2)) : '')) : /*#__PURE__*/_react.default.createElement(_NoDataFoundMessage.NoDataFoundMessage, {
213
208
  noDataText: noDataText
214
209
  }));
215
210
  };
package/dist/stories/components/TotalBenchmarkBarchart.style.js CHANGED
@@ -8,9 +8,7 @@ exports.ValueAndBenchmarkContainer = exports.TitleAndValueContainer = exports.Ti
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, _templateObject11, _templateObject12;
11
- var ControlsContainer = exports.ControlsContainer = _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: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background: #ffffff;\n"])), function (props) {
12
- return props.rootFont;
13
- }, function (props) {
11
+ var ControlsContainer = exports.ControlsContainer = _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 color: ", ";\n width: ", ";\n height: ", ";\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n background: #ffffff;\n"])), function (props) {
14
12
  return props.textColor;
15
13
  }, function (props) {
16
14
  return props.width;
package/dist/stories/components/TotalDoughnutChart.js CHANGED
@@ -27,7 +27,7 @@ var TotalDoughnutChart = exports.TotalDoughnutChart = function TotalDoughnutChar
27
27
  itemsValuesSeparateLine = props.itemsValuesSeparateLine,
28
28
  width = props.width,
29
29
  height = props.height,
30
- textColor = props.textColor,
30
+ textcolor = props.textcolor,
31
31
  noDataText = props.noDataText;
32
32
  var DEFAULT_ROOT_FONT = 18;
33
33
  var DEFAULT_COMPONENT_WIDTH = 250;
@@ -52,7 +52,7 @@ var TotalDoughnutChart = exports.TotalDoughnutChart = function TotalDoughnutChar
52
52
  id: "ControlsContainer",
53
53
  height: height,
54
54
  width: width,
55
- textColor: textColor,
55
+ textcolor: textcolor,
56
56
  ref: controlsContainerRef
57
57
  }, (legendData === null || legendData === void 0 ? void 0 : legendData.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TotalDoughnutChart.Controls, {
58
58
  id: "Controls",
@@ -97,7 +97,8 @@ var TotalDoughnutChart = exports.TotalDoughnutChart = function TotalDoughnutChar
97
97
  id: "LegendContainer"
98
98
  }, legendData.map(function (row) {
99
99
  return /*#__PURE__*/_react.default.createElement(_TotalDoughnutChart.LegendControlsContainer, {
100
- id: "LegendControlsContainer"
100
+ id: "LegendControlsContainer",
101
+ key: row.name
101
102
  }, /*#__PURE__*/_react.default.createElement(_TotalDoughnutChart.LegendColorRectangle, {
102
103
  id: "LegendColorRectangle",
103
104
  color: row.color
@@ -133,7 +134,7 @@ TotalDoughnutChart.defaultProps = {
133
134
  itemsValuesSeparateLine: true,
134
135
  width: '300px',
135
136
  height: '280px',
136
- textColor: '#212121',
137
+ textcolor: '#212121',
137
138
  noDataText: ''
138
139
  };
139
140
  function CustomTooltip(_ref) {
package/dist/stories/components/icons/LegendUnionIcon.js CHANGED
@@ -7,13 +7,12 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = exports.LegendUnionIcon = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var LegendUnionIcon = exports.LegendUnionIcon = function LegendUnionIcon(_ref) {
10
- var clicked = _ref.clicked,
11
- _ref$width = _ref.width,
12
- width = _ref$width === void 0 ? "18" : _ref$width,
10
+ var _ref$width = _ref.width,
11
+ width = _ref$width === void 0 ? '18' : _ref$width,
13
12
  _ref$height = _ref.height,
14
- height = _ref$height === void 0 ? "5" : _ref$height,
13
+ height = _ref$height === void 0 ? '5' : _ref$height,
15
14
  _ref$color = _ref.color,
16
- color = _ref$color === void 0 ? "#9CCB3B" : _ref$color;
15
+ color = _ref$color === void 0 ? '#9CCB3B' : _ref$color;
17
16
  return /*#__PURE__*/_react.default.createElement("svg", {
18
17
  width: width,
19
18
  height: height,
@@ -21,8 +20,8 @@ var LegendUnionIcon = exports.LegendUnionIcon = function LegendUnionIcon(_ref) {
21
20
  fill: "none",
22
21
  xmlns: "http://www.w3.org/2000/svg"
23
22
  }, /*#__PURE__*/_react.default.createElement("path", {
24
- "fill-rule": "evenodd",
25
- "clip-rule": "evenodd",
23
+ fillRule: "evenodd",
24
+ clipRule: "evenodd",
26
25
  d: "M11.45 2H17C17.2761 2 17.5 2.22386 17.5 2.5C17.5 2.77614 17.2761 3 17 3H11.45C11.2184 4.14112 10.2095 5 9 5C7.79052 5 6.78164 4.14112 6.55001 3H1C0.723858 3 0.5 2.77614 0.5 2.5C0.5 2.22386 0.723858 2 1 2H6.55001C6.78164 0.85888 7.79052 0 9 0C10.2095 0 11.2184 0.85888 11.45 2Z",
27
26
  fill: color
28
27
  }));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sag_components",
3
- "version": "1.0.284",
3
+ "version": "1.0.286",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {