sag_components 1.0.366 → 1.0.367
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.
|
@@ -46,24 +46,15 @@ var TotalBenchmarkAreachart = exports.TotalBenchmarkAreachart = function TotalBe
|
|
|
46
46
|
rootFont = _useState2[0],
|
|
47
47
|
setRootFont = _useState2[1];
|
|
48
48
|
var anotherRef = (0, _react.useRef)(null);
|
|
49
|
-
var _useState3 = (0, _react.useState)(
|
|
49
|
+
var _useState3 = (0, _react.useState)(''),
|
|
50
50
|
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
var _useState5 = (0, _react.useState)(''),
|
|
54
|
-
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
55
|
-
activeLabel = _useState6[0],
|
|
56
|
-
setActiveLabel = _useState6[1];
|
|
51
|
+
activeLabel = _useState4[0],
|
|
52
|
+
setActiveLabel = _useState4[1];
|
|
57
53
|
var controlsContainerRef = (0, _react.useRef)();
|
|
58
54
|
(0, _react.useEffect)(function () {
|
|
59
55
|
var offsetWidth = controlsContainerRef.current.offsetWidth;
|
|
60
56
|
setRootFont(getRootFont(offsetWidth));
|
|
61
57
|
}, [width]);
|
|
62
|
-
(0, _react.useEffect)(function () {
|
|
63
|
-
var offsetHeight = controlsContainerRef.current.offsetHeight;
|
|
64
|
-
var factor = offsetHeight / DEFAULT_COMPONENT_HEIGHT;
|
|
65
|
-
setHeightFactor(factor);
|
|
66
|
-
}, [height]);
|
|
67
58
|
var getRootFont = function getRootFont(width) {
|
|
68
59
|
var relation = width.toString().replace('px', '').replace('%', '') / DEFAULT_COMPONENT_WIDTH;
|
|
69
60
|
var fontRoot = (DEFAULT_ROOT_FONT * relation).toString().concat('', 'px');
|
|
@@ -79,8 +70,7 @@ var TotalBenchmarkAreachart = exports.TotalBenchmarkAreachart = function TotalBe
|
|
|
79
70
|
if (arrowSign === 'up') {
|
|
80
71
|
return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.DetailsRowArrowContainer, {
|
|
81
72
|
id: "DetailsRowArrowContainer",
|
|
82
|
-
value: value
|
|
83
|
-
height: 25 * getSizeFactor()
|
|
73
|
+
value: value
|
|
84
74
|
}, /*#__PURE__*/_react.default.createElement(_ArrowUpIcon.ArrowUpIcon, {
|
|
85
75
|
width: 25 * getSizeFactor(),
|
|
86
76
|
height: 25 * getSizeFactor()
|
|
@@ -88,8 +78,7 @@ var TotalBenchmarkAreachart = exports.TotalBenchmarkAreachart = function TotalBe
|
|
|
88
78
|
}
|
|
89
79
|
return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachart.DetailsRowArrowContainer, {
|
|
90
80
|
id: "DetailsRowArrowContainer",
|
|
91
|
-
value: value
|
|
92
|
-
height: 25 * getSizeFactor()
|
|
81
|
+
value: value
|
|
93
82
|
}, /*#__PURE__*/_react.default.createElement(_ArrowDownIcon.ArrowDownIcon, {
|
|
94
83
|
width: 25 * getSizeFactor(),
|
|
95
84
|
height: 25 * getSizeFactor()
|
|
@@ -151,8 +140,8 @@ var TotalBenchmarkAreachart = exports.TotalBenchmarkAreachart = function TotalBe
|
|
|
151
140
|
totalValue: benchmarkTotalValue !== null && benchmarkTotalValue !== void 0 ? benchmarkTotalValue : 0,
|
|
152
141
|
currentValue: value !== null && value !== void 0 ? value : 0,
|
|
153
142
|
benchmarkValue: benchmarkValue !== null && benchmarkValue !== void 0 ? benchmarkValue : 0,
|
|
154
|
-
height: 12
|
|
155
|
-
width:
|
|
143
|
+
height: 12,
|
|
144
|
+
width: 90,
|
|
156
145
|
color: "#79DB95",
|
|
157
146
|
linearGradientColor: "#C3EFD0",
|
|
158
147
|
linearGradientUnderAvarageColor: "#FDB1B1",
|
|
@@ -15,7 +15,7 @@ var ControlsContainer = exports.ControlsContainer = _styledComponents.default.di
|
|
|
15
15
|
}, function (props) {
|
|
16
16
|
return props.height;
|
|
17
17
|
});
|
|
18
|
-
var Controls = exports.Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n height: 100%;\n width: 100%;\n display: flex;\n
|
|
18
|
+
var Controls = exports.Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n height: 100%;\n width: 100%;\n display: flex;\n gap: 10px;\n flex-direction: column;\n justify-content: space-between;\n background: #ffffff;\n border-radius: 12px;\n"])));
|
|
19
19
|
var AreaChartContainer = exports.AreaChartContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n height: 100%;\n"])));
|
|
20
20
|
var TooltipDiv = exports.TooltipDiv = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n border-radius: 5px;\n background: #ffffff;\n border-radius: 5px;\n padding: 8px 12px;\n display: grid;\n"])));
|
|
21
21
|
var TooltipLabel = exports.TooltipLabel = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n font-size: 14px;\n font-weight: 400;\n line-height: normal;\n width: fit-content;\n"])));
|
|
@@ -9,9 +9,9 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
var ArrowUpIcon = exports.ArrowUpIcon = function ArrowUpIcon(_ref) {
|
|
10
10
|
var clicked = _ref.clicked,
|
|
11
11
|
_ref$width = _ref.width,
|
|
12
|
-
width = _ref$width === void 0 ?
|
|
12
|
+
width = _ref$width === void 0 ? '8' : _ref$width,
|
|
13
13
|
_ref$height = _ref.height,
|
|
14
|
-
height = _ref$height === void 0 ?
|
|
14
|
+
height = _ref$height === void 0 ? '9' : _ref$height;
|
|
15
15
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
16
16
|
width: width,
|
|
17
17
|
height: height,
|