sag_components 1.0.155 → 1.0.156
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.
- package/dist/stories/components/NoDataFoundMessage.js +27 -0
- package/dist/stories/components/NoDataFoundMessage.style.js +16 -0
- package/dist/stories/components/TotalBenchmark.js +7 -2
- package/dist/stories/components/TotalBenchmarkAreachart.js +8 -3
- package/dist/stories/components/TotalBenchmarkArrows.js +8 -3
- package/dist/stories/components/TotalBenchmarkBarchart.js +8 -3
- package/dist/stories/components/TotalDoughnutChart.js +7 -11
- package/dist/stories/components/TotalDoughnutChart.style.js +3 -9
- package/package.json +1 -1
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = exports.NoDataFoundMessage = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _NoDataFoundIcon = require("../components/icons/NoDataFoundIcon");
|
|
10
|
+
var _NoDataFoundMessageStyle = require("./NoDataFoundMessage.style.js");
|
|
11
|
+
/*NoDataFoundMessage*/
|
|
12
|
+
var NoDataFoundMessage = function NoDataFoundMessage(_ref) {
|
|
13
|
+
var _ref$noDataText = _ref.noDataText,
|
|
14
|
+
noDataText = _ref$noDataText === void 0 ? "" : _ref$noDataText;
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement(_NoDataFoundMessageStyle.NoDataFoundContainer, {
|
|
16
|
+
id: "NoDataFoundContainer"
|
|
17
|
+
}, /*#__PURE__*/_react.default.createElement(_NoDataFoundIcon.NoDataFoundIcon, {
|
|
18
|
+
id: "NoDataFoundIcon"
|
|
19
|
+
}), /*#__PURE__*/_react.default.createElement(_NoDataFoundMessageStyle.NoDataFoundTitle, {
|
|
20
|
+
id: "NoDataFoundTitle"
|
|
21
|
+
}, "No Data"), /*#__PURE__*/_react.default.createElement(_NoDataFoundMessageStyle.NoDataFoundText, {
|
|
22
|
+
id: "NoDataFoundText"
|
|
23
|
+
}, noDataText));
|
|
24
|
+
};
|
|
25
|
+
exports.NoDataFoundMessage = NoDataFoundMessage;
|
|
26
|
+
var _default = NoDataFoundMessage;
|
|
27
|
+
exports.default = _default;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.NoDataFoundTitle = exports.NoDataFoundText = exports.NoDataFoundContainer = void 0;
|
|
8
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
9
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
10
|
+
var _templateObject, _templateObject2, _templateObject3;
|
|
11
|
+
var NoDataFoundContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 95%;\n height: 70%;\n"])));
|
|
12
|
+
exports.NoDataFoundContainer = NoDataFoundContainer;
|
|
13
|
+
var NoDataFoundTitle = _styledComponents.default.h4(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n font-size: 1rem;\n margin: 0;\n margin-top: 1.5rem;\n padding-right: 0.7rem;\n"])));
|
|
14
|
+
exports.NoDataFoundTitle = NoDataFoundTitle;
|
|
15
|
+
var NoDataFoundText = _styledComponents.default.p(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 400;\n font-size: 0.8rem;\n margin: 0;\n margin-top: 0.4rem;\n text-align: center;\n line-height: 1.1rem;\n"])));
|
|
16
|
+
exports.NoDataFoundText = NoDataFoundText;
|
|
@@ -9,10 +9,11 @@ exports.default = exports.TotalBenchmark = 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");
|
|
12
13
|
var _CommonFunctions = require("./CommonFunctions");
|
|
13
14
|
var _Benchmark = require("./Benchmark");
|
|
14
15
|
var _TotalBenchmarkStyle = require("./TotalBenchmark.style.js");
|
|
15
|
-
var _excluded = ["data", "dotCut", "width", "height", "textColor"];
|
|
16
|
+
var _excluded = ["data", "dotCut", "width", "height", "textColor", "noDataText"];
|
|
16
17
|
/*TotalBenchmark*/
|
|
17
18
|
var TotalBenchmark = function TotalBenchmark(_ref) {
|
|
18
19
|
var data = _ref.data,
|
|
@@ -24,6 +25,8 @@ var TotalBenchmark = function TotalBenchmark(_ref) {
|
|
|
24
25
|
height = _ref$height === void 0 ? "350px" : _ref$height,
|
|
25
26
|
_ref$textColor = _ref.textColor,
|
|
26
27
|
textColor = _ref$textColor === void 0 ? "#212121" : _ref$textColor,
|
|
28
|
+
_ref$noDataText = _ref.noDataText,
|
|
29
|
+
noDataText = _ref$noDataText === void 0 ? "" : _ref$noDataText,
|
|
27
30
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
28
31
|
var DEFAULT_ROOT_FONT = 16;
|
|
29
32
|
var DEFAULT_COMPONENT_WIDTH = 250;
|
|
@@ -51,7 +54,7 @@ var TotalBenchmark = function TotalBenchmark(_ref) {
|
|
|
51
54
|
textColor: textColor,
|
|
52
55
|
ref: controlsContainerRef,
|
|
53
56
|
rootFont: rootFont
|
|
54
|
-
}, data.map(function (item, index) {
|
|
57
|
+
}, (data === null || data === void 0 ? void 0 : data.length) > 0 ? data.map(function (item, index) {
|
|
55
58
|
return /*#__PURE__*/_react.default.createElement(_TotalBenchmarkStyle.Controls, {
|
|
56
59
|
id: "Controls",
|
|
57
60
|
index: index,
|
|
@@ -85,6 +88,8 @@ var TotalBenchmark = function TotalBenchmark(_ref) {
|
|
|
85
88
|
underAvarageColor: "#FD5959",
|
|
86
89
|
backgroundColor: "#F2F2F2"
|
|
87
90
|
})))));
|
|
91
|
+
}) : /*#__PURE__*/_react.default.createElement(_NoDataFoundMessage.NoDataFoundMessage, {
|
|
92
|
+
noDataText: noDataText
|
|
88
93
|
}));
|
|
89
94
|
};
|
|
90
95
|
exports.TotalBenchmark = TotalBenchmark;
|
|
@@ -12,10 +12,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
var _ArrowUpIcon = require("./icons/ArrowUpIcon");
|
|
14
14
|
var _ArrowDownIcon = require("./icons/ArrowDownIcon");
|
|
15
|
+
var _NoDataFoundMessage = require("./NoDataFoundMessage");
|
|
15
16
|
var _recharts = require("recharts");
|
|
16
17
|
var _Benchmark = require("./Benchmark");
|
|
17
18
|
var _TotalBenchmarkAreachartStyle = require("./TotalBenchmarkAreachart.style.js");
|
|
18
|
-
var _excluded = ["title", "value", "arrowSign", "benchmarkTotalValue", "benchmarkValue", "areaChartData", "width", "height", "textColor", "areaChart1Color", "areaChart2Color"];
|
|
19
|
+
var _excluded = ["title", "value", "arrowSign", "benchmarkTotalValue", "benchmarkValue", "areaChartData", "width", "height", "textColor", "areaChart1Color", "areaChart2Color", "noDataText"];
|
|
19
20
|
/*TotalBenchmarkAreachart*/
|
|
20
21
|
var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
|
|
21
22
|
var _ref2;
|
|
@@ -36,6 +37,8 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
|
|
|
36
37
|
areaChart1Color = _ref$areaChart1Color === void 0 ? "#BD9EFF" : _ref$areaChart1Color,
|
|
37
38
|
_ref$areaChart2Color = _ref.areaChart2Color,
|
|
38
39
|
areaChart2Color = _ref$areaChart2Color === void 0 ? "#96B4FF" : _ref$areaChart2Color,
|
|
40
|
+
_ref$noDataText = _ref.noDataText,
|
|
41
|
+
noDataText = _ref$noDataText === void 0 ? "" : _ref$noDataText,
|
|
39
42
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
40
43
|
var DEFAULT_ROOT_FONT = 16;
|
|
41
44
|
var DEFAULT_COMPONENT_WIDTH = 250;
|
|
@@ -97,7 +100,7 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
|
|
|
97
100
|
textColor: textColor,
|
|
98
101
|
ref: controlsContainerRef,
|
|
99
102
|
rootFont: rootFont
|
|
100
|
-
}, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachartStyle.Controls, {
|
|
103
|
+
}, (areaChartData === null || areaChartData === void 0 ? void 0 : areaChartData.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachartStyle.Controls, {
|
|
101
104
|
id: "Controls"
|
|
102
105
|
}, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkAreachartStyle.TitleAndValueContainer, {
|
|
103
106
|
id: "TitleAndValueContainer"
|
|
@@ -184,7 +187,9 @@ var TotalBenchmarkAreachart = function TotalBenchmarkAreachart(_ref) {
|
|
|
184
187
|
stroke: areaChart2Color,
|
|
185
188
|
fillOpacity: 1,
|
|
186
189
|
fill: "url(#colorValue2)"
|
|
187
|
-
})))))
|
|
190
|
+
}))))) : /*#__PURE__*/_react.default.createElement(_NoDataFoundMessage.NoDataFoundMessage, {
|
|
191
|
+
noDataText: noDataText
|
|
192
|
+
}));
|
|
188
193
|
};
|
|
189
194
|
exports.TotalBenchmarkAreachart = TotalBenchmarkAreachart;
|
|
190
195
|
var _default = TotalBenchmarkAreachart;
|
|
@@ -11,10 +11,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _ArrowUpIcon = require("./icons/ArrowUpIcon");
|
|
13
13
|
var _ArrowDownIcon = require("./icons/ArrowDownIcon");
|
|
14
|
+
var _NoDataFoundMessage = require("./NoDataFoundMessage");
|
|
14
15
|
var _CommonFunctions = require("./CommonFunctions");
|
|
15
16
|
var _Benchmark = require("./Benchmark");
|
|
16
17
|
var _TotalBenchmarkArrowsStyle = require("./TotalBenchmarkArrows.style.js");
|
|
17
|
-
var _excluded = ["title", "value", "benchmarkTotalValue", "benchmarkValue", "detailsTitle", "detailsData", "dotCut", "width", "height", "textColor"];
|
|
18
|
+
var _excluded = ["title", "value", "benchmarkTotalValue", "benchmarkValue", "detailsTitle", "detailsData", "dotCut", "width", "height", "textColor", "noDataText"];
|
|
18
19
|
/*TotalBenchmarkArrows*/
|
|
19
20
|
var TotalBenchmarkArrows = function TotalBenchmarkArrows(_ref) {
|
|
20
21
|
var title = _ref.title,
|
|
@@ -32,6 +33,8 @@ var TotalBenchmarkArrows = function TotalBenchmarkArrows(_ref) {
|
|
|
32
33
|
height = _ref$height === void 0 ? "280px" : _ref$height,
|
|
33
34
|
_ref$textColor = _ref.textColor,
|
|
34
35
|
textColor = _ref$textColor === void 0 ? "#212121" : _ref$textColor,
|
|
36
|
+
_ref$noDataText = _ref.noDataText,
|
|
37
|
+
noDataText = _ref$noDataText === void 0 ? "" : _ref$noDataText,
|
|
35
38
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
36
39
|
var DEFAULT_ROOT_FONT = 16;
|
|
37
40
|
var DEFAULT_COMPONENT_WIDTH = 250;
|
|
@@ -93,7 +96,7 @@ var TotalBenchmarkArrows = function TotalBenchmarkArrows(_ref) {
|
|
|
93
96
|
textColor: textColor,
|
|
94
97
|
ref: controlsContainerRef,
|
|
95
98
|
rootFont: rootFont
|
|
96
|
-
}, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.Controls, {
|
|
99
|
+
}, (detailsData === null || detailsData === void 0 ? void 0 : detailsData.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.Controls, {
|
|
97
100
|
id: "Controls"
|
|
98
101
|
}, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.Title, {
|
|
99
102
|
id: "Title"
|
|
@@ -128,7 +131,9 @@ var TotalBenchmarkArrows = function TotalBenchmarkArrows(_ref) {
|
|
|
128
131
|
}, " ", "%", " "), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkArrowsStyle.DetailsRowTitle, {
|
|
129
132
|
id: "DetailsRowTitle"
|
|
130
133
|
}, item.title));
|
|
131
|
-
})))
|
|
134
|
+
}))) : /*#__PURE__*/_react.default.createElement(_NoDataFoundMessage.NoDataFoundMessage, {
|
|
135
|
+
noDataText: noDataText
|
|
136
|
+
}));
|
|
132
137
|
};
|
|
133
138
|
exports.TotalBenchmarkArrows = TotalBenchmarkArrows;
|
|
134
139
|
var _default = TotalBenchmarkArrows;
|
|
@@ -9,11 +9,12 @@ 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");
|
|
12
13
|
var _recharts = require("recharts");
|
|
13
14
|
var _CommonFunctions = require("./CommonFunctions");
|
|
14
15
|
var _Benchmark = require("./Benchmark");
|
|
15
16
|
var _TotalBenchmarkBarchartStyle = require("./TotalBenchmarkBarchart.style.js");
|
|
16
|
-
var _excluded = ["title", "value", "benchmarkTotalValue", "benchmarkValue", "currency", "currencyType", "barChartData", "dotCut", "width", "height", "textColor"];
|
|
17
|
+
var _excluded = ["title", "value", "benchmarkTotalValue", "benchmarkValue", "currency", "currencyType", "barChartData", "dotCut", "width", "height", "textColor", "noDataText"];
|
|
17
18
|
/*TotalBenchmarkBarchart*/
|
|
18
19
|
var TotalBenchmarkBarchart = function TotalBenchmarkBarchart(_ref) {
|
|
19
20
|
var title = _ref.title,
|
|
@@ -33,6 +34,8 @@ var TotalBenchmarkBarchart = function TotalBenchmarkBarchart(_ref) {
|
|
|
33
34
|
height = _ref$height === void 0 ? "280px" : _ref$height,
|
|
34
35
|
_ref$textColor = _ref.textColor,
|
|
35
36
|
textColor = _ref$textColor === void 0 ? "#212121" : _ref$textColor,
|
|
37
|
+
_ref$noDataText = _ref.noDataText,
|
|
38
|
+
noDataText = _ref$noDataText === void 0 ? "" : _ref$noDataText,
|
|
36
39
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
37
40
|
var DEFAULT_ROOT_FONT = 16;
|
|
38
41
|
var DEFAULT_COMPONENT_WIDTH = 250;
|
|
@@ -92,7 +95,7 @@ var TotalBenchmarkBarchart = function TotalBenchmarkBarchart(_ref) {
|
|
|
92
95
|
textColor: textColor,
|
|
93
96
|
ref: controlsContainerRef,
|
|
94
97
|
rootFont: rootFont
|
|
95
|
-
}, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.Controls, {
|
|
98
|
+
}, (barChartData === null || barChartData === void 0 ? void 0 : barChartData.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.Controls, {
|
|
96
99
|
id: "Controls"
|
|
97
100
|
}, /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.TitleAndValueContainer, {
|
|
98
101
|
id: "TitleAndValueContainer"
|
|
@@ -159,7 +162,9 @@ var TotalBenchmarkBarchart = function TotalBenchmarkBarchart(_ref) {
|
|
|
159
162
|
id: "BottomDetailsRowTitle1"
|
|
160
163
|
}, formattedBarChartData[0].title1), /*#__PURE__*/_react.default.createElement(_TotalBenchmarkBarchartStyle.BottomDetailsRowTitle, {
|
|
161
164
|
id: "BottomDetailsRowTitle2"
|
|
162
|
-
}, formattedBarChartData[0].title2)) : ""))
|
|
165
|
+
}, formattedBarChartData[0].title2)) : "")) : /*#__PURE__*/_react.default.createElement(_NoDataFoundMessage.NoDataFoundMessage, {
|
|
166
|
+
noDataText: noDataText
|
|
167
|
+
}));
|
|
163
168
|
};
|
|
164
169
|
exports.TotalBenchmarkBarchart = TotalBenchmarkBarchart;
|
|
165
170
|
var _default = TotalBenchmarkBarchart;
|
|
@@ -9,11 +9,11 @@ exports.default = exports.TotalDoughnutChart = 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
|
|
12
|
+
var _NoDataFoundMessage = require("./NoDataFoundMessage");
|
|
13
13
|
var _CommonFunctions = require("./CommonFunctions");
|
|
14
14
|
var _recharts = require("recharts");
|
|
15
15
|
var _TotalDoughnutChartStyle = require("./TotalDoughnutChart.style.js");
|
|
16
|
-
var _excluded = ["title", "value", "dotCut", "currency", "currencyType", "legendData", "width", "height", "textColor"];
|
|
16
|
+
var _excluded = ["title", "value", "dotCut", "currency", "currencyType", "legendData", "width", "height", "textColor", "noDataText"];
|
|
17
17
|
/*TotalDoughnutChart*/
|
|
18
18
|
var TotalDoughnutChart = function TotalDoughnutChart(_ref) {
|
|
19
19
|
var _ref$title = _ref.title,
|
|
@@ -33,6 +33,8 @@ var TotalDoughnutChart = function TotalDoughnutChart(_ref) {
|
|
|
33
33
|
height = _ref$height === void 0 ? "280px" : _ref$height,
|
|
34
34
|
_ref$textColor = _ref.textColor,
|
|
35
35
|
textColor = _ref$textColor === void 0 ? "#212121" : _ref$textColor,
|
|
36
|
+
_ref$noDataText = _ref.noDataText,
|
|
37
|
+
noDataText = _ref$noDataText === void 0 ? "" : _ref$noDataText,
|
|
36
38
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
37
39
|
var DEFAULT_ROOT_FONT = 16;
|
|
38
40
|
var DEFAULT_COMPONENT_WIDTH = 250;
|
|
@@ -125,15 +127,9 @@ var TotalDoughnutChart = function TotalDoughnutChart(_ref) {
|
|
|
125
127
|
}, currency ? (0, _CommonFunctions.getCurrencySign)(currencyType) : ""), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.LegendFormattedValue, {
|
|
126
128
|
id: "LegendFormattedValue"
|
|
127
129
|
}, dotCut ? (0, _CommonFunctions.getFormattedValue)(row.value) : (0, _CommonFunctions.getNumberWithCommas)(row.value), dotCut ? (0, _CommonFunctions.getFormattedUnits)(row.value) : ""))));
|
|
128
|
-
})))) : /*#__PURE__*/_react.default.createElement(
|
|
129
|
-
|
|
130
|
-
}
|
|
131
|
-
id: "NoDataFoundIcon"
|
|
132
|
-
}), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.NoDataFoundTitle, {
|
|
133
|
-
id: "NoDataFoundTitle"
|
|
134
|
-
}, "No Data"), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.NoDataFoundText, {
|
|
135
|
-
id: "NoDataFoundText"
|
|
136
|
-
}, "The selected event is a TPR or has no offer, therefore there are no redemptions or redemption units to display.")));
|
|
130
|
+
})))) : /*#__PURE__*/_react.default.createElement(_NoDataFoundMessage.NoDataFoundMessage, {
|
|
131
|
+
noDataText: noDataText
|
|
132
|
+
}));
|
|
137
133
|
};
|
|
138
134
|
exports.TotalDoughnutChart = TotalDoughnutChart;
|
|
139
135
|
var _default = TotalDoughnutChart;
|
|
@@ -4,10 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.TooltipLabel = exports.TooltipDiv = exports.TitleAndValueContainer = exports.Title = exports.
|
|
7
|
+
exports.TooltipLabel = exports.TooltipDiv = exports.TitleAndValueContainer = exports.Title = exports.LegendTitleAndFormatedValueContainer = exports.LegendTitle = exports.LegendFormattedValue = exports.LegendFormatedValueContainer = exports.LegendCurrencySign = exports.LegendControlsContainer = exports.LegendContainer = exports.LegendColorRectangle = exports.FormattedValue = exports.DoughnutChartAndLegendContainer = exports.DoughnutChart = exports.CurrencySignAndFormattedValueContainer = exports.CurrencySign = exports.ControlsContainer = exports.Controls = void 0;
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
|
|
9
9
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
10
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19
|
|
10
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
|
|
11
11
|
var ControlsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n position: relative;\n font-family: \"Lato\", sans-serif;\n font-style: normal;\n font-size: ", ";\n color: ", ";\n width: ", ";\n height: ", ";\n //box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);\n border-radius: 12px;\n align-content: center;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])), function (props) {
|
|
12
12
|
return props.rootFont;
|
|
13
13
|
}, function (props) {
|
|
@@ -55,10 +55,4 @@ exports.LegendTitle = LegendTitle;
|
|
|
55
55
|
var LegendCurrencySign = _styledComponents.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n font-size: 0.8rem;\n"])));
|
|
56
56
|
exports.LegendCurrencySign = LegendCurrencySign;
|
|
57
57
|
var LegendFormattedValue = _styledComponents.default.div(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n font-size: 0.8rem;\n"])));
|
|
58
|
-
exports.LegendFormattedValue = LegendFormattedValue;
|
|
59
|
-
var NoDataFoundContainer = _styledComponents.default.div(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 80%;\n height: 70%;\n"])));
|
|
60
|
-
exports.NoDataFoundContainer = NoDataFoundContainer;
|
|
61
|
-
var NoDataFoundTitle = _styledComponents.default.h4(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n font-size: 1rem;\n margin: 0;\n margin-top: 0.7rem;\n padding-right: 0.7rem;\n"])));
|
|
62
|
-
exports.NoDataFoundTitle = NoDataFoundTitle;
|
|
63
|
-
var NoDataFoundText = _styledComponents.default.p(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n font-weight: 600;\n font-size: 0.8rem;\n margin: 0;\n margin-top: 0.7rem;\n"])));
|
|
64
|
-
exports.NoDataFoundText = NoDataFoundText;
|
|
58
|
+
exports.LegendFormattedValue = LegendFormattedValue;
|