sag_components 1.0.895 → 1.0.896
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.
|
@@ -88,7 +88,7 @@ const BarChartWithAreaChart = props => {
|
|
|
88
88
|
const [first] = payload;
|
|
89
89
|
if ((_first$payload = first.payload) !== null && _first$payload !== void 0 && _first$payload.value) currentTooltipValue = (_first$payload2 = first.payload) === null || _first$payload2 === void 0 ? void 0 : _first$payload2.value;
|
|
90
90
|
if ((_first$payload3 = first.payload) !== null && _first$payload3 !== void 0 && _first$payload3.avgValue) currentTooltipAvgValue = (_first$payload4 = first.payload) === null || _first$payload4 === void 0 ? void 0 : _first$payload4.avgValue;
|
|
91
|
-
return /*#__PURE__*/_react.default.createElement(_BarChartWithAreaChart.TooltipDiv, null, /*#__PURE__*/_react.default.createElement(_BarChartWithAreaChart.TooltipTitle, null, `${label}`), /*#__PURE__*/_react.default.createElement(_BarChartWithAreaChart.TooltipLabel, null,
|
|
91
|
+
return /*#__PURE__*/_react.default.createElement(_BarChartWithAreaChart.TooltipDiv, null, /*#__PURE__*/_react.default.createElement(_BarChartWithAreaChart.TooltipTitle, null, `${label}`), /*#__PURE__*/_react.default.createElement(_BarChartWithAreaChart.TooltipLabel, null, `${title}: ${displayFormattedValue(currentTooltipValue, signType)}`), isAreaChartDisplayed && /*#__PURE__*/_react.default.createElement(_BarChartWithAreaChart.TooltipLabel, null, `AVG. Sales: ${displayFormattedValue(currentTooltipAvgValue, signType)}`));
|
|
92
92
|
};
|
|
93
93
|
const CustomizedTickBarChart = props => {
|
|
94
94
|
const {
|
|
@@ -189,8 +189,8 @@ const SingleBarLineCharts = props => {
|
|
|
189
189
|
data: data,
|
|
190
190
|
margin: {
|
|
191
191
|
top: 20,
|
|
192
|
-
right:
|
|
193
|
-
left:
|
|
192
|
+
right: 100,
|
|
193
|
+
left: 100,
|
|
194
194
|
bottom: 10
|
|
195
195
|
}
|
|
196
196
|
}, /*#__PURE__*/_react.default.createElement(_recharts.Line, {
|
|
@@ -209,7 +209,7 @@ const SingleBarLineCharts = props => {
|
|
|
209
209
|
margin: {
|
|
210
210
|
top: 30,
|
|
211
211
|
right: 30,
|
|
212
|
-
left:
|
|
212
|
+
left: 30,
|
|
213
213
|
bottom: 5
|
|
214
214
|
}
|
|
215
215
|
}, /*#__PURE__*/_react.default.createElement(_recharts.CartesianGrid, {
|
|
@@ -254,6 +254,7 @@ const SingleBarLineCharts = props => {
|
|
|
254
254
|
exports.SingleBarLineCharts = SingleBarLineCharts;
|
|
255
255
|
var _default = exports.default = SingleBarLineCharts;
|
|
256
256
|
SingleBarLineCharts.defaultProps = {
|
|
257
|
+
className: '',
|
|
257
258
|
width: '100%',
|
|
258
259
|
height: '100%',
|
|
259
260
|
barChartHeight: 250,
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.
|
|
7
|
+
exports.SegmentedButtonContainer = exports.LinnerDataBoxWrap = exports.LabelText = exports.LabelBoldText = exports.ControlsContainer = exports.Controls = void 0;
|
|
8
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
9
|
var _LinnerDataBox = require("./LinnerDataBox");
|
|
10
10
|
const ControlsContainer = exports.ControlsContainer = _styledComponents.default.div`
|
|
@@ -45,28 +45,9 @@ const SegmentedButtonContainer = exports.SegmentedButtonContainer = _styledCompo
|
|
|
45
45
|
display: flex;
|
|
46
46
|
padding: 10px 0 0 10px;
|
|
47
47
|
`;
|
|
48
|
-
const TotalsDataContainer = exports.TotalsDataContainer = _styledComponents.default.div``;
|
|
49
48
|
const LabelBoldText = exports.LabelBoldText = _styledComponents.default.tspan`
|
|
50
|
-
font-size:
|
|
51
|
-
@media (max-width: 1536px) {
|
|
52
|
-
font-size: 12px;
|
|
53
|
-
}
|
|
49
|
+
font-size: 0.7em;
|
|
54
50
|
`;
|
|
55
51
|
const LabelText = exports.LabelText = _styledComponents.default.tspan`
|
|
56
|
-
font-size:
|
|
57
|
-
@media (max-width: 1536px) {
|
|
58
|
-
font-size: 10px;
|
|
59
|
-
}
|
|
60
|
-
@media (max-width: 1366px) {
|
|
61
|
-
font-size: 8px;
|
|
62
|
-
}
|
|
63
|
-
`;
|
|
64
|
-
const LegendTitle = exports.LegendTitle = _styledComponents.default.h5`
|
|
65
|
-
font-size: 16px;
|
|
66
|
-
@media (max-width: 1536px) {
|
|
67
|
-
font-size: 11px;
|
|
68
|
-
}
|
|
69
|
-
@media (max-width: 1366px) {
|
|
70
|
-
font-size: 10px;
|
|
71
|
-
}
|
|
52
|
+
font-size: 0.6em;
|
|
72
53
|
`;
|