phx-react 1.3.1249 → 1.3.1250
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 +0 -1
- package/dist/cjs/components/Chart/BarChart/BarChart.js +6 -20
- package/dist/cjs/components/Chart/BarChart/BarChart.js.map +1 -1
- package/dist/cjs/components/Chart/DonutChart/DonutChart.js +4 -18
- package/dist/cjs/components/Chart/DonutChart/DonutChart.js.map +1 -1
- package/dist/esm/components/Chart/BarChart/BarChart.d.ts +0 -1
- package/dist/esm/components/Chart/BarChart/BarChart.js +6 -20
- package/dist/esm/components/Chart/BarChart/BarChart.js.map +1 -1
- package/dist/esm/components/Chart/DonutChart/DonutChart.js +4 -18
- package/dist/esm/components/Chart/DonutChart/DonutChart.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,9 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: 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 constants_1 = require("../../../utils/constants");
|
|
7
6
|
function PHXBarChart(props) {
|
|
8
|
-
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
|
|
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;
|
|
9
8
|
var _a = (0, react_1.useState)(null), hoveredBar = _a[0], setHoveredBar = _a[1];
|
|
10
9
|
var onMouseEnter = function (value) {
|
|
11
10
|
setHoveredBar(value.tooltipPayload[0].name);
|
|
@@ -29,29 +28,16 @@ function PHXBarChart(props) {
|
|
|
29
28
|
});
|
|
30
29
|
var aggregatedItemsArray = Object.values(aggregatedItems);
|
|
31
30
|
return (react_1.default.createElement("div", { className: 'custom-legend mt-4' },
|
|
32
|
-
react_1.default.createElement("div", { className: 'flex flex-wrap justify-end gap-2' }, aggregatedItemsArray === null || aggregatedItemsArray === void 0 ? void 0 : aggregatedItemsArray.map(function (item) { return (react_1.default.createElement("div", { key: item.id,
|
|
33
|
-
backgroundColor: '#F6F6F7',
|
|
34
|
-
padding: 5,
|
|
35
|
-
borderRadius: '5px',
|
|
36
|
-
} },
|
|
31
|
+
react_1.default.createElement("div", { className: 'flex flex-wrap justify-end gap-2' }, aggregatedItemsArray === null || aggregatedItemsArray === void 0 ? void 0 : aggregatedItemsArray.map(function (item) { return (react_1.default.createElement("div", { key: item.id, className: 'p-1 rounded-md' },
|
|
37
32
|
react_1.default.createElement("div", { style: {
|
|
38
33
|
display: 'flex',
|
|
39
34
|
alignItems: 'center',
|
|
40
35
|
opacity: !hoveredBar ? 1 : hoveredBar === item.payload.name ? 1 : 0.5,
|
|
41
36
|
} },
|
|
42
|
-
react_1.default.createElement("div", { style: {
|
|
43
|
-
borderRadius: '4px',
|
|
44
|
-
width: '18px',
|
|
45
|
-
height: '18px',
|
|
37
|
+
react_1.default.createElement("div", { className: 'rounded w-[14px] h-[14px] flex items-center', style: {
|
|
46
38
|
background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")"),
|
|
47
|
-
alignItems: 'center',
|
|
48
|
-
alignContent: 'center',
|
|
49
39
|
} }),
|
|
50
|
-
react_1.default.createElement("p", {
|
|
51
|
-
marginLeft: '10px',
|
|
52
|
-
fontSize: '14px',
|
|
53
|
-
marginRight: 4,
|
|
54
|
-
} }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
|
|
40
|
+
react_1.default.createElement("p", { className: 'ml-3 mr-1 text-xs text-[#999]' }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
|
|
55
41
|
};
|
|
56
42
|
var CustomToolTip = function (propsTooltip) {
|
|
57
43
|
var _a, _b, _c, _d;
|
|
@@ -110,8 +96,8 @@ function PHXBarChart(props) {
|
|
|
110
96
|
// @ts-ignore
|
|
111
97
|
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' },
|
|
112
98
|
react_1.default.createElement(recharts_1.Cell, { fill: '#dd75c1' }))),
|
|
113
|
-
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:
|
|
114
|
-
react_1.default.createElement(recharts_1.Cell, { fill:
|
|
99
|
+
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: '#7857FF', name: nameLegendChartSingle, radius: [6, 6, 0, 0] },
|
|
100
|
+
react_1.default.createElement(recharts_1.Cell, { fill: '#7857FF' }))),
|
|
115
101
|
chartType === 'double' && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
116
102
|
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' },
|
|
117
103
|
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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"}
|
|
@@ -5,7 +5,7 @@ var react_1 = tslib_1.__importStar(require("react"));
|
|
|
5
5
|
var recharts_1 = require("recharts");
|
|
6
6
|
var DonutChartStyles_1 = tslib_1.__importDefault(require("./DonutChartStyles"));
|
|
7
7
|
function DonutChart(props) {
|
|
8
|
-
var _a = props.colorChart, colorChart = _a === void 0 ? ['#
|
|
8
|
+
var _a = props.colorChart, colorChart = _a === void 0 ? ['#7857FF', '#00C49F', '#FFBB28', '#FF8042'] : _a, dataKey = props.dataKey, withChart = props.withChart, data = props.data, _b = props.hiddenLabel, hiddenLabel = _b === void 0 ? true : _b;
|
|
9
9
|
var RADIAN = Math.PI / 180;
|
|
10
10
|
var _c = (0, react_1.useState)(null), hoveredBar = _c[0], setHoveredBar = _c[1];
|
|
11
11
|
var renderCustomizedLabel = function (_a) {
|
|
@@ -23,30 +23,16 @@ function DonutChart(props) {
|
|
|
23
23
|
var CustomToolLegend = function (propsTooltip) {
|
|
24
24
|
var payload = propsTooltip.payload;
|
|
25
25
|
return (react_1.default.createElement("div", { className: 'custom-legend mt-4' },
|
|
26
|
-
react_1.default.createElement("div", { className: 'flex flex-wrap justify-end gap-2' }, payload === null || payload === void 0 ? void 0 : payload.map(function (item) { return (react_1.default.createElement("div", { key: item.id,
|
|
27
|
-
backgroundColor: '#F6F6F7',
|
|
28
|
-
padding: 5,
|
|
29
|
-
borderRadius: '5px',
|
|
30
|
-
} },
|
|
26
|
+
react_1.default.createElement("div", { className: 'flex flex-wrap justify-end gap-2' }, payload === null || payload === void 0 ? void 0 : payload.map(function (item) { return (react_1.default.createElement("div", { key: item.id, className: 'p-1 rounded-md' },
|
|
31
27
|
react_1.default.createElement("div", { style: {
|
|
32
28
|
display: 'flex',
|
|
33
29
|
alignItems: 'center',
|
|
34
30
|
opacity: !hoveredBar ? 1 : hoveredBar === item.payload.name ? 1 : 0.5,
|
|
35
31
|
} },
|
|
36
|
-
react_1.default.createElement("div", { style: {
|
|
37
|
-
borderRadius: '4px',
|
|
38
|
-
width: '18px',
|
|
39
|
-
height: '18px',
|
|
32
|
+
react_1.default.createElement("div", { className: 'rounded w-[14px] h-[14px] flex items-center', style: {
|
|
40
33
|
background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")"),
|
|
41
|
-
alignItems: 'center',
|
|
42
|
-
alignContent: 'center',
|
|
43
34
|
} }),
|
|
44
|
-
react_1.default.createElement("p", {
|
|
45
|
-
marginLeft: '10px',
|
|
46
|
-
fontSize: '14px',
|
|
47
|
-
marginRight: 4,
|
|
48
|
-
color: '#999',
|
|
49
|
-
} }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
|
|
35
|
+
react_1.default.createElement("p", { className: 'ml-3 mr-1 text-xs text-[#999]' }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
|
|
50
36
|
};
|
|
51
37
|
var CustomToolTip = function (propsTooltip) {
|
|
52
38
|
var _a, _b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../../../../../src/components/Chart/DonutChart/DonutChart.tsx"],"names":[],"mappings":";;;AAAA,qDAAuC;AACvC,qCAAoF;AACpF,gFAAiD;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,IAAA,gBAAQ,EAAgB,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,wCAAM,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,wCAAM,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,uCAAK,SAAS,EAAC,oBAAoB;YACjC,uCAAK,SAAS,EAAC,kCAAkC,IAC9C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CACX,UAAC,IASA,IAAK,OAAA,CACJ,
|
|
1
|
+
{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../../../../../src/components/Chart/DonutChart/DonutChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
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
|
-
import { DEFAULT_COLOR_COLUMN_CHART } from '../../../utils/constants';
|
|
5
4
|
function PHXBarChart(props) {
|
|
6
|
-
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
|
|
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;
|
|
7
6
|
var _a = useState(null), hoveredBar = _a[0], setHoveredBar = _a[1];
|
|
8
7
|
var onMouseEnter = function (value) {
|
|
9
8
|
setHoveredBar(value.tooltipPayload[0].name);
|
|
@@ -27,29 +26,16 @@ function PHXBarChart(props) {
|
|
|
27
26
|
});
|
|
28
27
|
var aggregatedItemsArray = Object.values(aggregatedItems);
|
|
29
28
|
return (React.createElement("div", { className: 'custom-legend mt-4' },
|
|
30
|
-
React.createElement("div", { className: 'flex flex-wrap justify-end gap-2' }, aggregatedItemsArray === null || aggregatedItemsArray === void 0 ? void 0 : aggregatedItemsArray.map(function (item) { return (React.createElement("div", { key: item.id,
|
|
31
|
-
backgroundColor: '#F6F6F7',
|
|
32
|
-
padding: 5,
|
|
33
|
-
borderRadius: '5px',
|
|
34
|
-
} },
|
|
29
|
+
React.createElement("div", { className: 'flex flex-wrap justify-end gap-2' }, aggregatedItemsArray === null || aggregatedItemsArray === void 0 ? void 0 : aggregatedItemsArray.map(function (item) { return (React.createElement("div", { key: item.id, className: 'p-1 rounded-md' },
|
|
35
30
|
React.createElement("div", { style: {
|
|
36
31
|
display: 'flex',
|
|
37
32
|
alignItems: 'center',
|
|
38
33
|
opacity: !hoveredBar ? 1 : hoveredBar === item.payload.name ? 1 : 0.5,
|
|
39
34
|
} },
|
|
40
|
-
React.createElement("div", { style: {
|
|
41
|
-
borderRadius: '4px',
|
|
42
|
-
width: '18px',
|
|
43
|
-
height: '18px',
|
|
35
|
+
React.createElement("div", { className: 'rounded w-[14px] h-[14px] flex items-center', style: {
|
|
44
36
|
background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")"),
|
|
45
|
-
alignItems: 'center',
|
|
46
|
-
alignContent: 'center',
|
|
47
37
|
} }),
|
|
48
|
-
React.createElement("p", {
|
|
49
|
-
marginLeft: '10px',
|
|
50
|
-
fontSize: '14px',
|
|
51
|
-
marginRight: 4,
|
|
52
|
-
} }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
|
|
38
|
+
React.createElement("p", { className: 'ml-3 mr-1 text-xs text-[#999]' }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
|
|
53
39
|
};
|
|
54
40
|
var CustomToolTip = function (propsTooltip) {
|
|
55
41
|
var _a, _b, _c, _d;
|
|
@@ -108,8 +94,8 @@ function PHXBarChart(props) {
|
|
|
108
94
|
// @ts-ignore
|
|
109
95
|
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' },
|
|
110
96
|
React.createElement(Cell, { fill: '#dd75c1' }))),
|
|
111
|
-
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:
|
|
112
|
-
React.createElement(Cell, { fill:
|
|
97
|
+
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: '#7857FF', name: nameLegendChartSingle, radius: [6, 6, 0, 0] },
|
|
98
|
+
React.createElement(Cell, { fill: '#7857FF' }))),
|
|
113
99
|
chartType === 'double' && (React.createElement(React.Fragment, null,
|
|
114
100
|
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' },
|
|
115
101
|
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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"}
|
|
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
|
|
|
2
2
|
import { PieChart, Pie, Cell, ResponsiveContainer, Legend, Tooltip } from 'recharts';
|
|
3
3
|
import DonutChartStyles from './DonutChartStyles';
|
|
4
4
|
function DonutChart(props) {
|
|
5
|
-
var _a = props.colorChart, colorChart = _a === void 0 ? ['#
|
|
5
|
+
var _a = props.colorChart, colorChart = _a === void 0 ? ['#7857FF', '#00C49F', '#FFBB28', '#FF8042'] : _a, dataKey = props.dataKey, withChart = props.withChart, data = props.data, _b = props.hiddenLabel, hiddenLabel = _b === void 0 ? true : _b;
|
|
6
6
|
var RADIAN = Math.PI / 180;
|
|
7
7
|
var _c = useState(null), hoveredBar = _c[0], setHoveredBar = _c[1];
|
|
8
8
|
var renderCustomizedLabel = function (_a) {
|
|
@@ -20,30 +20,16 @@ function DonutChart(props) {
|
|
|
20
20
|
var CustomToolLegend = function (propsTooltip) {
|
|
21
21
|
var payload = propsTooltip.payload;
|
|
22
22
|
return (React.createElement("div", { className: 'custom-legend mt-4' },
|
|
23
|
-
React.createElement("div", { className: 'flex flex-wrap justify-end gap-2' }, payload === null || payload === void 0 ? void 0 : payload.map(function (item) { return (React.createElement("div", { key: item.id,
|
|
24
|
-
backgroundColor: '#F6F6F7',
|
|
25
|
-
padding: 5,
|
|
26
|
-
borderRadius: '5px',
|
|
27
|
-
} },
|
|
23
|
+
React.createElement("div", { className: 'flex flex-wrap justify-end gap-2' }, payload === null || payload === void 0 ? void 0 : payload.map(function (item) { return (React.createElement("div", { key: item.id, className: 'p-1 rounded-md' },
|
|
28
24
|
React.createElement("div", { style: {
|
|
29
25
|
display: 'flex',
|
|
30
26
|
alignItems: 'center',
|
|
31
27
|
opacity: !hoveredBar ? 1 : hoveredBar === item.payload.name ? 1 : 0.5,
|
|
32
28
|
} },
|
|
33
|
-
React.createElement("div", { style: {
|
|
34
|
-
borderRadius: '4px',
|
|
35
|
-
width: '18px',
|
|
36
|
-
height: '18px',
|
|
29
|
+
React.createElement("div", { className: 'rounded w-[14px] h-[14px] flex items-center', style: {
|
|
37
30
|
background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")"),
|
|
38
|
-
alignItems: 'center',
|
|
39
|
-
alignContent: 'center',
|
|
40
31
|
} }),
|
|
41
|
-
React.createElement("p", {
|
|
42
|
-
marginLeft: '10px',
|
|
43
|
-
fontSize: '14px',
|
|
44
|
-
marginRight: 4,
|
|
45
|
-
color: '#999',
|
|
46
|
-
} }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
|
|
32
|
+
React.createElement("p", { className: 'ml-3 mr-1 text-xs text-[#999]' }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
|
|
47
33
|
};
|
|
48
34
|
var CustomToolTip = function (propsTooltip) {
|
|
49
35
|
var _a, _b;
|
|
@@ -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;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,
|
|
1
|
+
{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../../../../../src/components/Chart/DonutChart/DonutChart.tsx"],"names":[],"mappings":"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"}
|