sag_components 1.0.154 → 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 +8 -3
- package/dist/stories/components/TotalDoughnutChart.style.js +2 -2
- package/dist/stories/components/icons/NoDataFoundIcon.js +88 -0
- 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,10 +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 _NoDataFoundMessage = require("./NoDataFoundMessage");
|
|
12
13
|
var _CommonFunctions = require("./CommonFunctions");
|
|
13
14
|
var _recharts = require("recharts");
|
|
14
15
|
var _TotalDoughnutChartStyle = require("./TotalDoughnutChart.style.js");
|
|
15
|
-
var _excluded = ["title", "value", "dotCut", "currency", "currencyType", "legendData", "width", "height", "textColor"];
|
|
16
|
+
var _excluded = ["title", "value", "dotCut", "currency", "currencyType", "legendData", "width", "height", "textColor", "noDataText"];
|
|
16
17
|
/*TotalDoughnutChart*/
|
|
17
18
|
var TotalDoughnutChart = function TotalDoughnutChart(_ref) {
|
|
18
19
|
var _ref$title = _ref.title,
|
|
@@ -32,6 +33,8 @@ var TotalDoughnutChart = function TotalDoughnutChart(_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;
|
|
@@ -68,7 +71,7 @@ var TotalDoughnutChart = function TotalDoughnutChart(_ref) {
|
|
|
68
71
|
textColor: textColor,
|
|
69
72
|
ref: controlsContainerRef,
|
|
70
73
|
rootFont: rootFont
|
|
71
|
-
}, /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.Controls, {
|
|
74
|
+
}, (legendData === null || legendData === void 0 ? void 0 : legendData.length) > 0 ? /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.Controls, {
|
|
72
75
|
id: "Controls",
|
|
73
76
|
height: height,
|
|
74
77
|
width: width
|
|
@@ -124,7 +127,9 @@ var TotalDoughnutChart = function TotalDoughnutChart(_ref) {
|
|
|
124
127
|
}, currency ? (0, _CommonFunctions.getCurrencySign)(currencyType) : ""), /*#__PURE__*/_react.default.createElement(_TotalDoughnutChartStyle.LegendFormattedValue, {
|
|
125
128
|
id: "LegendFormattedValue"
|
|
126
129
|
}, dotCut ? (0, _CommonFunctions.getFormattedValue)(row.value) : (0, _CommonFunctions.getNumberWithCommas)(row.value), dotCut ? (0, _CommonFunctions.getFormattedUnits)(row.value) : ""))));
|
|
127
|
-
}))))
|
|
130
|
+
})))) : /*#__PURE__*/_react.default.createElement(_NoDataFoundMessage.NoDataFoundMessage, {
|
|
131
|
+
noDataText: noDataText
|
|
132
|
+
}));
|
|
128
133
|
};
|
|
129
134
|
exports.TotalDoughnutChart = TotalDoughnutChart;
|
|
130
135
|
var _default = TotalDoughnutChart;
|
|
@@ -20,9 +20,9 @@ var ControlsContainer = _styledComponents.default.div(_templateObject || (_templ
|
|
|
20
20
|
exports.ControlsContainer = ControlsContainer;
|
|
21
21
|
var Controls = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n border-radius: 12px;\n width: 100%;\n height: 100%;\n background: #ffffff;\n align-items: center;\n flex-direction: column;\n justify-content: space-between;\n"])));
|
|
22
22
|
exports.Controls = Controls;
|
|
23
|
-
var TooltipDiv = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n border-radius: 5px;\n background: #
|
|
23
|
+
var TooltipDiv = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n border-radius: 5px;\n background: #fff;\n padding: 8px 12px;\n display: flex;\n"])));
|
|
24
24
|
exports.TooltipDiv = TooltipDiv;
|
|
25
|
-
var TooltipLabel = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\
|
|
25
|
+
var TooltipLabel = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n color: #212121;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n width: fit-content;\n font-weight: 600;\n line-height: normal;\n"])));
|
|
26
26
|
exports.TooltipLabel = TooltipLabel;
|
|
27
27
|
var TitleAndValueContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n width: 90%;\n margin-top: 6%;\n"])));
|
|
28
28
|
exports.TitleAndValueContainer = TitleAndValueContainer;
|
|
@@ -0,0 +1,88 @@
|
|
|
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.NoDataFoundIcon = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var NoDataFoundIcon = function NoDataFoundIcon(_ref) {
|
|
10
|
+
var clicked = _ref.clicked,
|
|
11
|
+
_ref$width = _ref.width,
|
|
12
|
+
width = _ref$width === void 0 ? "66" : _ref$width,
|
|
13
|
+
_ref$height = _ref.height,
|
|
14
|
+
height = _ref$height === void 0 ? "66" : _ref$height;
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
16
|
+
width: width,
|
|
17
|
+
height: height,
|
|
18
|
+
viewBox: "0 0 66 66",
|
|
19
|
+
fill: "none",
|
|
20
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
21
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
22
|
+
d: "M26.7427 60.0229L25.257 60.0229",
|
|
23
|
+
stroke: "#767676",
|
|
24
|
+
"stroke-width": "2",
|
|
25
|
+
"stroke-linecap": "round"
|
|
26
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
27
|
+
d: "M59.4292 1H64.5752C64.7445 1 64.8372 1.19724 64.7292 1.3276L59.7006 7.39653C59.5926 7.5269 59.6853 7.72414 59.8546 7.72414H65.0006",
|
|
28
|
+
stroke: "#767676",
|
|
29
|
+
"stroke-width": "2",
|
|
30
|
+
"stroke-linecap": "round"
|
|
31
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
32
|
+
d: "M55.7139 14.4482H59.7378C59.9084 14.4482 60.0007 14.6481 59.89 14.778L55.9949 19.3484C55.8842 19.4782 55.9765 19.6781 56.1471 19.6781H60.171",
|
|
33
|
+
stroke: "#767676",
|
|
34
|
+
"stroke-width": "2",
|
|
35
|
+
"stroke-linecap": "round"
|
|
36
|
+
}), /*#__PURE__*/_react.default.createElement("rect", {
|
|
37
|
+
x: "1",
|
|
38
|
+
y: "7.22998",
|
|
39
|
+
width: "49.2571",
|
|
40
|
+
height: "57.7701",
|
|
41
|
+
rx: "4",
|
|
42
|
+
fill: "#E3EDFF",
|
|
43
|
+
stroke: "#767676",
|
|
44
|
+
"stroke-width": "2"
|
|
45
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
46
|
+
d: "M6.30189 13.8092L5.94238 17.0634L6.31296 58.0606C6.3135 58.1206 6.34088 58.1771 6.38757 58.2147L8.11605 59.6054C8.15158 59.634 8.19582 59.6496 8.24142 59.6496H43.0021C43.0553 59.6496 43.1063 59.6283 43.1439 59.5906L45.2556 57.4667C45.2929 57.4292 45.3138 57.3785 45.3138 57.3257V23.7875V15.6374C45.3138 15.5931 45.2991 15.5501 45.272 15.5151L42.7739 12.2847C42.736 12.2357 42.6776 12.207 42.6157 12.207H9.3327C9.30149 12.207 9.27072 12.2143 9.24284 12.2284L6.41082 13.6525C6.35032 13.6829 6.30932 13.7419 6.30189 13.8092Z",
|
|
47
|
+
fill: "white"
|
|
48
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
49
|
+
d: "M14.8564 30.1377C15.9121 31.5074 18.7271 33.4251 21.5422 30.1377",
|
|
50
|
+
stroke: "#767676",
|
|
51
|
+
"stroke-width": "2",
|
|
52
|
+
"stroke-linecap": "round"
|
|
53
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
54
|
+
d: "M29.7134 30.1377C30.769 31.5074 33.5841 33.4251 36.3991 30.1377",
|
|
55
|
+
stroke: "#767676",
|
|
56
|
+
"stroke-width": "2",
|
|
57
|
+
"stroke-linecap": "round"
|
|
58
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
59
|
+
d: "M23.0288 39.1035H28.2288",
|
|
60
|
+
stroke: "#767676",
|
|
61
|
+
"stroke-width": "2",
|
|
62
|
+
"stroke-linecap": "round"
|
|
63
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
64
|
+
d: "M25.2573 60.0229H26.743",
|
|
65
|
+
stroke: "#767676",
|
|
66
|
+
"stroke-width": "2",
|
|
67
|
+
"stroke-linecap": "round"
|
|
68
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
69
|
+
d: "M21.5424 60.0231H10.9424C8.18096 60.0231 5.94238 57.7845 5.94238 55.0231V17.207C5.94238 14.4456 8.18096 12.207 10.9424 12.207H40.3138C43.0752 12.207 45.3138 14.4456 45.3138 17.207V55.0231C45.3138 57.7845 43.0752 60.0231 40.3138 60.0231H30.4567",
|
|
70
|
+
stroke: "#767676",
|
|
71
|
+
"stroke-width": "2",
|
|
72
|
+
"stroke-linecap": "round"
|
|
73
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
74
|
+
d: "M12.4004 5.92225H18.4315C19.4372 5.92225 20.2471 5.15718 20.6027 4.21643C21.3276 2.29855 22.898 1 25.629 1C28.2155 1 29.5607 2.74719 30.23 4.36627C30.5925 5.24315 31.3859 5.92225 32.3347 5.92225H38.8575C39.9621 5.92225 40.8575 6.81767 40.8575 7.92224V10.954C40.8575 12.0586 39.9621 12.954 38.8575 12.954H12.4004C11.2958 12.954 10.4004 12.0586 10.4004 10.954V7.92225C10.4004 6.81768 11.2958 5.92225 12.4004 5.92225Z",
|
|
75
|
+
fill: "#A5AAC5",
|
|
76
|
+
stroke: "#767676",
|
|
77
|
+
"stroke-width": "2",
|
|
78
|
+
"stroke-linecap": "round"
|
|
79
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
80
|
+
d: "M24.1426 6.22998L26.7426 6.22998",
|
|
81
|
+
stroke: "#767676",
|
|
82
|
+
"stroke-width": "2",
|
|
83
|
+
"stroke-linecap": "round"
|
|
84
|
+
}));
|
|
85
|
+
};
|
|
86
|
+
exports.NoDataFoundIcon = NoDataFoundIcon;
|
|
87
|
+
var _default = NoDataFoundIcon;
|
|
88
|
+
exports.default = _default;
|