phx-react 1.3.1234 → 1.3.1235
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/cjs/components/Chart/BarChart/BarChart.d.ts +2 -1
- package/dist/cjs/components/Chart/BarChart/BarChart.js +13 -28
- package/dist/cjs/components/Chart/BarChart/BarChart.js.map +1 -1
- package/dist/cjs/components/Chart/DonutChart/DonutChart.js +13 -10
- package/dist/cjs/components/Chart/DonutChart/DonutChart.js.map +1 -1
- package/dist/cjs/components/Chart/DonutChart/DonutChartStyles.d.ts +2 -0
- package/dist/cjs/components/Chart/DonutChart/DonutChartStyles.js +9 -0
- package/dist/cjs/components/Chart/DonutChart/DonutChartStyles.js.map +1 -0
- package/dist/esm/components/Chart/BarChart/BarChart.d.ts +2 -1
- package/dist/esm/components/Chart/BarChart/BarChart.js +13 -28
- package/dist/esm/components/Chart/BarChart/BarChart.js.map +1 -1
- package/dist/esm/components/Chart/DonutChart/DonutChart.js +13 -10
- package/dist/esm/components/Chart/DonutChart/DonutChart.js.map +1 -1
- package/dist/esm/components/Chart/DonutChart/DonutChartStyles.d.ts +2 -0
- package/dist/esm/components/Chart/DonutChart/DonutChartStyles.js +5 -0
- package/dist/esm/components/Chart/DonutChart/DonutChartStyles.js.map +1 -0
- package/package.json +1 -1
|
@@ -24,7 +24,8 @@ interface PHXBarChartProps {
|
|
|
24
24
|
dataKeyColumnDouble?: string;
|
|
25
25
|
barSize?: number;
|
|
26
26
|
nameColumnDouble?: string;
|
|
27
|
-
|
|
27
|
+
nameLegendChartSingle?: string;
|
|
28
|
+
chartType: 'double' | 'single' | 'one-to-many' | 'many-to-one' | 'many-to-many' | 'single-column';
|
|
28
29
|
radiusChart?: Array<number>;
|
|
29
30
|
chartColumnA?: Array<{
|
|
30
31
|
name: string;
|
|
@@ -4,7 +4,7 @@ var tslib_1 = require("tslib");
|
|
|
4
4
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
var recharts_1 = require("recharts");
|
|
6
6
|
function PHXBarChart(props) {
|
|
7
|
-
var data = props.data, dataKeyLineChart = props.dataKeyLineChart, colorLineChart = props.colorLineChart, dataKeyChartA = props.dataKeyChartA, dataKeyChartB = props.dataKeyChartB, xAxisKey = props.xAxisKey, yAxisRightKey = props.yAxisRightKey, domain = props.domain, nameLineChart = props.nameLineChart, hiddenLineChart = props.hiddenLineChart, doubleColumnInRow = props.doubleColumnInRow, barSize = props.barSize, nameColumnDouble = props.nameColumnDouble, chartType = props.chartType, radiusChart = props.radiusChart, chartColumnA = props.chartColumnA, chartColumnB = props.chartColumnB;
|
|
7
|
+
var data = props.data, dataKeyLineChart = props.dataKeyLineChart, colorLineChart = props.colorLineChart, dataKeyChartA = props.dataKeyChartA, dataKeyChartB = props.dataKeyChartB, xAxisKey = props.xAxisKey, yAxisRightKey = props.yAxisRightKey, domain = props.domain, nameLineChart = props.nameLineChart, nameLegendChartSingle = props.nameLegendChartSingle, hiddenLineChart = props.hiddenLineChart, doubleColumnInRow = props.doubleColumnInRow, barSize = props.barSize, nameColumnDouble = props.nameColumnDouble, chartType = props.chartType, radiusChart = props.radiusChart, chartColumnA = props.chartColumnA, chartColumnB = props.chartColumnB;
|
|
8
8
|
var _a = (0, react_1.useState)(null), hoveredBar = _a[0], setHoveredBar = _a[1];
|
|
9
9
|
var onMouseEnter = function (value) {
|
|
10
10
|
setHoveredBar(value.tooltipPayload[0].name);
|
|
@@ -53,7 +53,7 @@ function PHXBarChart(props) {
|
|
|
53
53
|
} }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
|
|
54
54
|
};
|
|
55
55
|
var CustomToolTip = function (propsTooltip) {
|
|
56
|
-
var _a, _b;
|
|
56
|
+
var _a, _b, _c, _d;
|
|
57
57
|
var active = propsTooltip.active, payload = propsTooltip.payload;
|
|
58
58
|
if (!active || !payload || payload.length === 0) {
|
|
59
59
|
return null;
|
|
@@ -66,33 +66,16 @@ function PHXBarChart(props) {
|
|
|
66
66
|
}
|
|
67
67
|
});
|
|
68
68
|
var groupedItemsArray = Object.values(groupedItems);
|
|
69
|
-
return (react_1["default"].createElement("div", {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
react_1["default"].createElement("div", { className: 'ml-2 mt-2' }, (_b = (_a = groupedItemsArray[0]) === null || _a === void 0 ? void 0 : _a.payload) === null || _b === void 0 ? void 0 : _b.name),
|
|
77
|
-
groupedItemsArray.map(function (item) { return (react_1["default"].createElement("div", { key: item.id, style: {
|
|
78
|
-
display: 'flex',
|
|
79
|
-
padding: 5,
|
|
80
|
-
marginTop: 4
|
|
81
|
-
} },
|
|
82
|
-
react_1["default"].createElement("div", { style: {
|
|
83
|
-
borderRadius: '4px',
|
|
84
|
-
width: '18px',
|
|
85
|
-
height: '18px',
|
|
86
|
-
background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")"),
|
|
87
|
-
alignItems: 'center',
|
|
88
|
-
alignContent: 'center',
|
|
89
|
-
opacity: hoveredBar === item.name ? 1 : 0.5
|
|
69
|
+
return (react_1["default"].createElement("div", { className: 'bg-gray-100 m-2.5 w-40 p-0.5 rounded-lg' }, chartType === 'single-column' ? (react_1["default"].createElement("div", { className: 'flex justify-between' },
|
|
70
|
+
react_1["default"].createElement("p", { className: 'ml-2 py-1' }, (_b = (_a = groupedItemsArray[0]) === null || _a === void 0 ? void 0 : _a.payload) === null || _b === void 0 ? void 0 : _b.name),
|
|
71
|
+
groupedItemsArray.map(function (item) { return (react_1["default"].createElement("p", { key: item.id, className: 'py-1 mr-2' }, item.payload.amt)); }))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
72
|
+
react_1["default"].createElement("div", { className: 'ml-2 mt-2' }, (_d = (_c = groupedItemsArray[0]) === null || _c === void 0 ? void 0 : _c.payload) === null || _d === void 0 ? void 0 : _d.name),
|
|
73
|
+
groupedItemsArray.map(function (item) { return (react_1["default"].createElement("div", { key: item.id, className: 'flex p-1.5 mt-1' },
|
|
74
|
+
react_1["default"].createElement("div", { className: "\n rounded w-4 h-4 bg-gradient-to-r flex items-center justify-center \n ".concat(item.color, " \n ").concat(item.color, " \n ").concat(hoveredBar === item.name ? 'opacity-100' : 'opacity-50', "\n "), style: {
|
|
75
|
+
background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")")
|
|
90
76
|
} }),
|
|
91
|
-
react_1["default"].createElement("div", { className:
|
|
92
|
-
react_1["default"].createElement("div", {
|
|
93
|
-
marginLeft: 'auto',
|
|
94
|
-
opacity: hoveredBar === item.name ? 1 : 0.5
|
|
95
|
-
} }, item.payload.amt))); })));
|
|
77
|
+
react_1["default"].createElement("div", { className: "ml-2 ".concat(hoveredBar === item.name ? 'opacity-100' : 'opacity-50') }, item.name),
|
|
78
|
+
react_1["default"].createElement("div", { className: "ml-auto ".concat(hoveredBar === item.name ? 'opacity-100' : 'opacity-50') }, item.payload.amt))); })))));
|
|
96
79
|
};
|
|
97
80
|
var columns = chartColumnA === null || chartColumnA === void 0 ? void 0 : chartColumnA.map(function (item) { return (tslib_1.__assign({}, item)); });
|
|
98
81
|
var columnsPageB = chartColumnB === null || chartColumnB === void 0 ? void 0 : chartColumnB.map(function (item) { return (tslib_1.__assign({}, item)); });
|
|
@@ -126,6 +109,8 @@ function PHXBarChart(props) {
|
|
|
126
109
|
// @ts-ignore
|
|
127
110
|
react_1["default"].createElement(recharts_1.Bar, { onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'pv', fill: '#dd75c1', name: 'name' },
|
|
128
111
|
react_1["default"].createElement(recharts_1.Cell, { fill: '#dd75c1' }))),
|
|
112
|
+
chartType === 'single-column' && (react_1["default"].createElement(recharts_1.Bar, { onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'pv', fill: '#dd75c1', name: nameLegendChartSingle },
|
|
113
|
+
react_1["default"].createElement(recharts_1.Cell, { fill: '#dd75c1' }))),
|
|
129
114
|
chartType === 'double' && (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
130
115
|
react_1["default"].createElement(recharts_1.Bar, { onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'pv', fill: '#dd75c1', name: 'name' },
|
|
131
116
|
react_1["default"].createElement(recharts_1.Cell, { fill: '#dd75c1' })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../../../../src/components/Chart/BarChart/BarChart.tsx"],"names":[],"mappings":";;;AAAA,qDAAuC;AACvC,qCAWiB;
|
|
1
|
+
{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../../../../src/components/Chart/BarChart/BarChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ exports.__esModule = true;
|
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
4
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
var recharts_1 = require("recharts");
|
|
6
|
+
var DonutChartStyles_1 = tslib_1.__importDefault(require("./DonutChartStyles"));
|
|
6
7
|
function DonutChart(props) {
|
|
7
8
|
var _a = props.colorChart, colorChart = _a === void 0 ? ['#0088FE', '#00C49F', '#FFBB28', '#FF8042'] : _a, dataKey = props.dataKey, withChart = props.withChart, data = props.data, _b = props.hiddenLabel, hiddenLabel = _b === void 0 ? true : _b;
|
|
8
9
|
var RADIAN = Math.PI / 180;
|
|
@@ -86,17 +87,19 @@ function DonutChart(props) {
|
|
|
86
87
|
var onMouseLeave = function () {
|
|
87
88
|
setHoveredBar(null);
|
|
88
89
|
};
|
|
89
|
-
return (react_1["default"].createElement(
|
|
90
|
-
react_1["default"].createElement(
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
90
|
+
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
91
|
+
react_1["default"].createElement(DonutChartStyles_1["default"], null),
|
|
92
|
+
react_1["default"].createElement(recharts_1.ResponsiveContainer, { height: 500, width: '100%' },
|
|
93
|
+
react_1["default"].createElement(recharts_1.PieChart, { height: 400, width: 400 },
|
|
94
|
+
react_1["default"].createElement(recharts_1.Pie
|
|
94
95
|
// @ts-ignore
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
96
|
+
, {
|
|
97
|
+
// @ts-ignore
|
|
98
|
+
color: colors, cx: '50%', cy: '50%', data: data,
|
|
99
|
+
// @ts-ignore
|
|
100
|
+
dataKey: dataKey !== null && dataKey !== void 0 ? dataKey : 'value', fill: '#8884d8', label: renderCustomizedLabel, onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, labelLine: false, outerRadius: withChart !== null && withChart !== void 0 ? withChart : 150, style: { outline: 'none' } }, data.map(function (_entry, index) { return (react_1["default"].createElement(recharts_1.Cell, { key: "cell-".concat(index), fill: colorChart[index % colorChart.length] })); })),
|
|
101
|
+
react_1["default"].createElement(recharts_1.Legend, { content: react_1["default"].createElement(CustomToolLegend, null) }),
|
|
102
|
+
react_1["default"].createElement(recharts_1.Tooltip, { content: react_1["default"].createElement(CustomToolTip, null) })))));
|
|
100
103
|
}
|
|
101
104
|
exports["default"] = DonutChart;
|
|
102
105
|
//# sourceMappingURL=DonutChart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../../../../../src/components/Chart/DonutChart/DonutChart.tsx"],"names":[],"mappings":";;;AAAA,qDAAuC;AACvC,qCAAoF;
|
|
1
|
+
{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../../../../../src/components/Chart/DonutChart/DonutChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
function DonutChartStyles() {
|
|
6
|
+
return (react_1["default"].createElement("style", null, ".recharts-wrapper {\n font-size: 12px;\n .recharts-cartesian-axis-tick-line {\n display: none;\n }\n .recharts-cartesian-axis-line {\n fill: blue !important;\n }\n tspan {\n font-size: 12px;\n }\n .recharts-layer {\n outline: none;\n }\n }\n "));
|
|
7
|
+
}
|
|
8
|
+
exports["default"] = DonutChartStyles;
|
|
9
|
+
//# sourceMappingURL=DonutChartStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DonutChartStyles.js","sourceRoot":"","sources":["../../../../../src/components/Chart/DonutChart/DonutChartStyles.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAEzB,SAAwB,gBAAgB;IACtC,OAAO,CACL,gDACG,6XAeA,CACK,CACT,CAAA;AACH,CAAC;AArBD,sCAqBC"}
|
|
@@ -24,7 +24,8 @@ interface PHXBarChartProps {
|
|
|
24
24
|
dataKeyColumnDouble?: string;
|
|
25
25
|
barSize?: number;
|
|
26
26
|
nameColumnDouble?: string;
|
|
27
|
-
|
|
27
|
+
nameLegendChartSingle?: string;
|
|
28
|
+
chartType: 'double' | 'single' | 'one-to-many' | 'many-to-one' | 'many-to-many' | 'single-column';
|
|
28
29
|
radiusChart?: Array<number>;
|
|
29
30
|
chartColumnA?: Array<{
|
|
30
31
|
name: string;
|
|
@@ -2,7 +2,7 @@ import { __assign } from "tslib";
|
|
|
2
2
|
import React, { useState } from 'react';
|
|
3
3
|
import { Bar, ComposedChart, CartesianGrid, Legend, ResponsiveContainer, Tooltip, XAxis, YAxis, Cell, Line, } from 'recharts';
|
|
4
4
|
function PHXBarChart(props) {
|
|
5
|
-
var data = props.data, dataKeyLineChart = props.dataKeyLineChart, colorLineChart = props.colorLineChart, dataKeyChartA = props.dataKeyChartA, dataKeyChartB = props.dataKeyChartB, xAxisKey = props.xAxisKey, yAxisRightKey = props.yAxisRightKey, domain = props.domain, nameLineChart = props.nameLineChart, hiddenLineChart = props.hiddenLineChart, doubleColumnInRow = props.doubleColumnInRow, barSize = props.barSize, nameColumnDouble = props.nameColumnDouble, chartType = props.chartType, radiusChart = props.radiusChart, chartColumnA = props.chartColumnA, chartColumnB = props.chartColumnB;
|
|
5
|
+
var data = props.data, dataKeyLineChart = props.dataKeyLineChart, colorLineChart = props.colorLineChart, dataKeyChartA = props.dataKeyChartA, dataKeyChartB = props.dataKeyChartB, xAxisKey = props.xAxisKey, yAxisRightKey = props.yAxisRightKey, domain = props.domain, nameLineChart = props.nameLineChart, nameLegendChartSingle = props.nameLegendChartSingle, hiddenLineChart = props.hiddenLineChart, doubleColumnInRow = props.doubleColumnInRow, barSize = props.barSize, nameColumnDouble = props.nameColumnDouble, chartType = props.chartType, radiusChart = props.radiusChart, chartColumnA = props.chartColumnA, chartColumnB = props.chartColumnB;
|
|
6
6
|
var _a = useState(null), hoveredBar = _a[0], setHoveredBar = _a[1];
|
|
7
7
|
var onMouseEnter = function (value) {
|
|
8
8
|
setHoveredBar(value.tooltipPayload[0].name);
|
|
@@ -51,7 +51,7 @@ function PHXBarChart(props) {
|
|
|
51
51
|
} }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
|
|
52
52
|
};
|
|
53
53
|
var CustomToolTip = function (propsTooltip) {
|
|
54
|
-
var _a, _b;
|
|
54
|
+
var _a, _b, _c, _d;
|
|
55
55
|
var active = propsTooltip.active, payload = propsTooltip.payload;
|
|
56
56
|
if (!active || !payload || payload.length === 0) {
|
|
57
57
|
return null;
|
|
@@ -64,33 +64,16 @@ function PHXBarChart(props) {
|
|
|
64
64
|
}
|
|
65
65
|
});
|
|
66
66
|
var groupedItemsArray = Object.values(groupedItems);
|
|
67
|
-
return (React.createElement("div", {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
React.createElement("div", { className: 'ml-2 mt-2' }, (_b = (_a = groupedItemsArray[0]) === null || _a === void 0 ? void 0 : _a.payload) === null || _b === void 0 ? void 0 : _b.name),
|
|
75
|
-
groupedItemsArray.map(function (item) { return (React.createElement("div", { key: item.id, style: {
|
|
76
|
-
display: 'flex',
|
|
77
|
-
padding: 5,
|
|
78
|
-
marginTop: 4
|
|
79
|
-
} },
|
|
80
|
-
React.createElement("div", { style: {
|
|
81
|
-
borderRadius: '4px',
|
|
82
|
-
width: '18px',
|
|
83
|
-
height: '18px',
|
|
84
|
-
background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")"),
|
|
85
|
-
alignItems: 'center',
|
|
86
|
-
alignContent: 'center',
|
|
87
|
-
opacity: hoveredBar === item.name ? 1 : 0.5
|
|
67
|
+
return (React.createElement("div", { className: 'bg-gray-100 m-2.5 w-40 p-0.5 rounded-lg' }, chartType === 'single-column' ? (React.createElement("div", { className: 'flex justify-between' },
|
|
68
|
+
React.createElement("p", { className: 'ml-2 py-1' }, (_b = (_a = groupedItemsArray[0]) === null || _a === void 0 ? void 0 : _a.payload) === null || _b === void 0 ? void 0 : _b.name),
|
|
69
|
+
groupedItemsArray.map(function (item) { return (React.createElement("p", { key: item.id, className: 'py-1 mr-2' }, item.payload.amt)); }))) : (React.createElement(React.Fragment, null,
|
|
70
|
+
React.createElement("div", { className: 'ml-2 mt-2' }, (_d = (_c = groupedItemsArray[0]) === null || _c === void 0 ? void 0 : _c.payload) === null || _d === void 0 ? void 0 : _d.name),
|
|
71
|
+
groupedItemsArray.map(function (item) { return (React.createElement("div", { key: item.id, className: 'flex p-1.5 mt-1' },
|
|
72
|
+
React.createElement("div", { className: "\n rounded w-4 h-4 bg-gradient-to-r flex items-center justify-center \n ".concat(item.color, " \n ").concat(item.color, " \n ").concat(hoveredBar === item.name ? 'opacity-100' : 'opacity-50', "\n "), style: {
|
|
73
|
+
background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")")
|
|
88
74
|
} }),
|
|
89
|
-
React.createElement("div", { className:
|
|
90
|
-
React.createElement("div", {
|
|
91
|
-
marginLeft: 'auto',
|
|
92
|
-
opacity: hoveredBar === item.name ? 1 : 0.5
|
|
93
|
-
} }, item.payload.amt))); })));
|
|
75
|
+
React.createElement("div", { className: "ml-2 ".concat(hoveredBar === item.name ? 'opacity-100' : 'opacity-50') }, item.name),
|
|
76
|
+
React.createElement("div", { className: "ml-auto ".concat(hoveredBar === item.name ? 'opacity-100' : 'opacity-50') }, item.payload.amt))); })))));
|
|
94
77
|
};
|
|
95
78
|
var columns = chartColumnA === null || chartColumnA === void 0 ? void 0 : chartColumnA.map(function (item) { return (__assign({}, item)); });
|
|
96
79
|
var columnsPageB = chartColumnB === null || chartColumnB === void 0 ? void 0 : chartColumnB.map(function (item) { return (__assign({}, item)); });
|
|
@@ -124,6 +107,8 @@ function PHXBarChart(props) {
|
|
|
124
107
|
// @ts-ignore
|
|
125
108
|
React.createElement(Bar, { onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'pv', fill: '#dd75c1', name: 'name' },
|
|
126
109
|
React.createElement(Cell, { fill: '#dd75c1' }))),
|
|
110
|
+
chartType === 'single-column' && (React.createElement(Bar, { onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'pv', fill: '#dd75c1', name: nameLegendChartSingle },
|
|
111
|
+
React.createElement(Cell, { fill: '#dd75c1' }))),
|
|
127
112
|
chartType === 'double' && (React.createElement(React.Fragment, null,
|
|
128
113
|
React.createElement(Bar, { onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'pv', fill: '#dd75c1', name: 'name' },
|
|
129
114
|
React.createElement(Cell, { fill: '#dd75c1' })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../../../../src/components/Chart/BarChart/BarChart.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EACL,GAAG,EACH,aAAa,EACb,aAAa,EACb,MAAM,EACN,mBAAmB,EACnB,OAAO,EACP,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,GACL,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../../../../src/components/Chart/BarChart/BarChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
2
|
import { PieChart, Pie, Cell, ResponsiveContainer, Legend, Tooltip } from 'recharts';
|
|
3
|
+
import DonutChartStyles from './DonutChartStyles';
|
|
3
4
|
function DonutChart(props) {
|
|
4
5
|
var _a = props.colorChart, colorChart = _a === void 0 ? ['#0088FE', '#00C49F', '#FFBB28', '#FF8042'] : _a, dataKey = props.dataKey, withChart = props.withChart, data = props.data, _b = props.hiddenLabel, hiddenLabel = _b === void 0 ? true : _b;
|
|
5
6
|
var RADIAN = Math.PI / 180;
|
|
@@ -83,17 +84,19 @@ function DonutChart(props) {
|
|
|
83
84
|
var onMouseLeave = function () {
|
|
84
85
|
setHoveredBar(null);
|
|
85
86
|
};
|
|
86
|
-
return (React.createElement(
|
|
87
|
-
React.createElement(
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
87
|
+
return (React.createElement(React.Fragment, null,
|
|
88
|
+
React.createElement(DonutChartStyles, null),
|
|
89
|
+
React.createElement(ResponsiveContainer, { height: 500, width: '100%' },
|
|
90
|
+
React.createElement(PieChart, { height: 400, width: 400 },
|
|
91
|
+
React.createElement(Pie
|
|
91
92
|
// @ts-ignore
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
93
|
+
, {
|
|
94
|
+
// @ts-ignore
|
|
95
|
+
color: colors, cx: '50%', cy: '50%', data: data,
|
|
96
|
+
// @ts-ignore
|
|
97
|
+
dataKey: dataKey !== null && dataKey !== void 0 ? dataKey : 'value', fill: '#8884d8', label: renderCustomizedLabel, onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, labelLine: false, outerRadius: withChart !== null && withChart !== void 0 ? withChart : 150, style: { outline: 'none' } }, data.map(function (_entry, index) { return (React.createElement(Cell, { key: "cell-".concat(index), fill: colorChart[index % colorChart.length] })); })),
|
|
98
|
+
React.createElement(Legend, { content: React.createElement(CustomToolLegend, null) }),
|
|
99
|
+
React.createElement(Tooltip, { content: React.createElement(CustomToolTip, null) })))));
|
|
97
100
|
}
|
|
98
101
|
export default DonutChart;
|
|
99
102
|
//# sourceMappingURL=DonutChart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../../../../../src/components/Chart/DonutChart/DonutChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../../../../../src/components/Chart/DonutChart/DonutChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AACpF,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AAUjD,SAAS,UAAU,CAAC,KAAgC;IAEhD,IAAA,KAKE,KAAK,WALkD,EAAzD,UAAU,mBAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,KAAA,EACzD,OAAO,GAIL,KAAK,QAJA,EACP,SAAS,GAGP,KAAK,UAHE,EACT,IAAI,GAEF,KAAK,KAFH,EACJ,KACE,KAAK,YADW,EAAlB,WAAW,mBAAG,IAAI,KAAA,CACX;IACT,IAAM,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,GAAG,CAAA;IACtB,IAAA,KAA8B,QAAQ,CAAgB,IAAI,CAAC,EAA1D,UAAU,QAAA,EAAE,aAAa,QAAiC,CAAA;IAEjE,IAAM,qBAAqB,GAAG,UAAC,EAAqE;YAAnE,EAAE,QAAA,EAAE,EAAE,QAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAA;QAC3F,IAAM,MAAM,GAAG,WAAW,GAAG,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG,GAAG,CAAA;QAC9D,IAAM,WAAW,GAAG,WAAW,GAAG,EAAE,CAAA;QAEpC,IAAM,MAAM,GAAG,EAAE,GAAG,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAG,MAAM,CAAC,CAAA;QAC9D,IAAM,MAAM,GAAG,EAAE,GAAG,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAG,MAAM,CAAC,CAAA;QAE9D,IAAM,CAAC,GAAG,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAG,MAAM,CAAC,CAAA;QACpD,IAAM,CAAC,GAAG,EAAE,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAG,MAAM,CAAC,CAAA;QAEpD,OAAO,CACL;YACE,8BAAM,gBAAgB,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAE,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,IACzG,OAAO,CAAC,IAAI,CACR;YACN,WAAW,IAAI,CACd,8BAAM,gBAAgB,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAC3F,UAAG,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAG,CAC5B,CACR,CACA,CACJ,CAAA;IACH,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG,UAAC,YAAiB;QACjC,IAAA,OAAO,GAAK,YAAY,QAAjB,CAAiB;QAChC,OAAO,CACL,6BAAK,SAAS,EAAC,oBAAoB;YACjC,6BAAK,SAAS,EAAC,kCAAkC,IAC9C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CACX,UAAC,IASA,IAAK,OAAA,CACJ,6BACE,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,KAAK,EAAE;oBACL,eAAe,EAAE,SAAS;oBAC1B,OAAO,EAAE,CAAC;oBACV,YAAY,EAAE,KAAK;iBACpB;gBAED,6BACE,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,OAAO,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;qBACtE;oBAED,6BACE,KAAK,EAAE;4BACL,YAAY,EAAE,KAAK;4BACnB,KAAK,EAAE,MAAM;4BACb,MAAM,EAAE,MAAM;4BACd,UAAU,EAAE,0BAAmB,IAAI,CAAC,KAAK,eAAK,IAAI,CAAC,KAAK,MAAG;4BAC3D,UAAU,EAAE,QAAQ;4BACpB,YAAY,EAAE,QAAQ;yBACvB,GACD;oBACF,2BACE,KAAK,EAAE;4BACL,UAAU,EAAE,MAAM;4BAClB,QAAQ,EAAE,MAAM;4BAChB,WAAW,EAAE,CAAC;4BACd,KAAK,EAAE,MAAM;yBACd,IAEA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,IAAI,CACjB,CACA,CACF,CACP,EAtCK,CAsCL,CACF,CACG,CACF,CACP,CAAA;IACH,CAAC,CAAA;IAED,IAAM,aAAa,GAAG,UAAC,YAAiB;;QAC9B,IAAA,OAAO,GAAK,YAAY,QAAjB,CAAiB;QAEhC,OAAO,CACL,6BACE,KAAK,EAAE;gBACL,eAAe,EAAE,WAAW;gBAC5B,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,CAAC;gBACV,YAAY,EAAE,CAAC;aAChB;YAED,6BAAK,SAAS,EAAC,WAAW,IAAE,MAAA,MAAA,OAAO,CAAC,CAAC,CAAC,0CAAE,OAAO,0CAAE,IAAI,CAAO;YAC3D,OAAO,CAAC,GAAG,CACV,UAAC,IAUA,IAAK,OAAA,CACJ,6BACE,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,OAAO,EAAE,CAAC;oBACV,SAAS,EAAE,CAAC;iBACb;gBAED,6BACE,KAAK,EAAE;wBACL,YAAY,EAAE,KAAK;wBACnB,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,UAAU,EAAE,0BAAmB,IAAI,CAAC,OAAO,CAAC,IAAI,eAAK,IAAI,CAAC,OAAO,CAAC,IAAI,MAAG;wBACzE,UAAU,EAAE,QAAQ;wBACpB,YAAY,EAAE,QAAQ;qBACvB,GACD;gBACF,6BAAK,SAAS,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAO;gBACvC,6BACE,KAAK,EAAE;wBACL,UAAU,EAAE,MAAM;qBACnB,IAEA,IAAI,CAAC,OAAO,CAAC,KAAK,CACf,CACF,CACP,EA5BK,CA4BL,CACF,CACG,CACP,CAAA;IACH,CAAC,CAAA;IAED,IAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,UAAC,KAAU,EAAE,CAAC,EAAE,KAAK;QAC9C,KAAK,CAAC,eAAQ,KAAK,GAAG,CAAC,CAAE,CAAC,GAAG,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,CAAA;QAClE,OAAO,KAAK,CAAA;IACd,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,YAAY,GAAG,UAAC,KAAU;QAC9B,aAAa,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAC7C,CAAC,CAAA;IAED,IAAM,YAAY,GAAG;QACnB,aAAa,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,OAAO,CACL;QACE,oBAAC,gBAAgB,OAAG;QACpB,oBAAC,mBAAmB,IAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM;YAC5C,oBAAC,QAAQ,IAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG;gBAC/B,oBAAC,GAAG;gBACF,aAAa;;oBAAb,aAAa;oBACb,KAAK,EAAE,MAAM,EACb,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI;oBACV,aAAa;oBACb,OAAO,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,OAAO,EAC3B,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,qBAAqB,EAC5B,YAAY,EAAE,UAAC,KAAU,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EACjD,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,GAAG,EAC7B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAEzB,IAAI,CAAC,GAAG,CAAC,UAAC,MAAW,EAAE,KAAa,IAAK,OAAA,CACxC,oBAAC,IAAI,IAAC,GAAG,EAAE,eAAQ,KAAK,CAAE,EAAE,IAAI,EAAE,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,GAAI,CAC5E,EAFyC,CAEzC,CAAC,CACE;gBACN,oBAAC,MAAM,IAAC,OAAO,EAAE,oBAAC,gBAAgB,OAAG,GAAI;gBACzC,oBAAC,OAAO,IAAC,OAAO,EAAE,oBAAC,aAAa,OAAG,GAAI,CAC9B,CACS,CACrB,CACJ,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export default function DonutChartStyles() {
|
|
3
|
+
return (React.createElement("style", null, ".recharts-wrapper {\n font-size: 12px;\n .recharts-cartesian-axis-tick-line {\n display: none;\n }\n .recharts-cartesian-axis-line {\n fill: blue !important;\n }\n tspan {\n font-size: 12px;\n }\n .recharts-layer {\n outline: none;\n }\n }\n "));
|
|
4
|
+
}
|
|
5
|
+
//# sourceMappingURL=DonutChartStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DonutChartStyles.js","sourceRoot":"","sources":["../../../../../src/components/Chart/DonutChart/DonutChartStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACtC,OAAO,CACL,mCACG,6XAeA,CACK,CACT,CAAA;AACH,CAAC"}
|