phx-uikit 1.0.256 → 1.0.257

package/dist/cjs/components/Chart/BarChart/BarChart.js

@@ -1,10 +1,10 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var recharts_1 = require("recharts");
 function PHXBarChart(props) {
-    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;
+    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;
     var _a = (0, react_1.useState)(null), hoveredBar = _a[0], setHoveredBar = _a[1];
     var onMouseEnter = function (value) {
         setHoveredBar(value.tooltipPayload[0].name);
@@ -27,33 +27,20 @@ function PHXBarChart(props) {
             }
         });
         var aggregatedItemsArray = Object.values(aggregatedItems);
-        return (react_1["default"].createElement("div", { className: 'custom-legend mt-4' },
-            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, style: {
-                    backgroundColor: '#F6F6F7',
-                    padding: 5,
-                    borderRadius: '5px'
-                } },
-                react_1["default"].createElement("div", { style: {
+        return (react_1.default.createElement("div", { className: "custom-legend ".concat(chartType === 'single-column' ? 'mt-2 mr-11 ml-8 mb-2' : 'mt-4') },
+            react_1.default.createElement("div", { className: 'flex flex-wrap md:justify-end sm:justify-start 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' },
+                react_1.default.createElement("div", { style: {
                         display: 'flex',
                         alignItems: 'center',
-                        opacity: !hoveredBar ? 1 : hoveredBar === item.payload.name ? 1 : 0.5
+                        opacity: !hoveredBar ? 1 : hoveredBar === item.payload.name ? 1 : 0.5,
                     } },
-                    react_1["default"].createElement("div", { style: {
-                            borderRadius: '4px',
-                            width: '18px',
-                            height: '18px',
+                    react_1.default.createElement("div", { className: 'rounded w-[14px] h-[14px] flex items-center', style: {
                             background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")"),
-                            alignItems: 'center',
-                            alignContent: 'center'
                         } }),
-                    react_1["default"].createElement("p", { style: {
-                            marginLeft: '10px',
-                            fontSize: '14px',
-                            marginRight: 4
-                        } }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
+                    react_1.default.createElement("p", { className: 'ml-1 mr-1 text-xs text-[#999]' }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
     };
     var CustomToolTip = function (propsTooltip) {
-        var _a, _b;
+        var _a, _b, _c, _d;
         var active = propsTooltip.active, payload = propsTooltip.payload;
         if (!active || !payload || payload.length === 0) {
             return null;
@@ -66,33 +53,16 @@ function PHXBarChart(props) {
             }
         });
         var groupedItemsArray = Object.values(groupedItems);
-        return (react_1["default"].createElement("div", { style: {
-                backgroundColor: '#f5f5f5',
-                margin: 10,
-                width: '10rem',
-                padding: 3,
-                borderRadius: 8
-            } },
-            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),
-            groupedItemsArray.map(function (item) { return (react_1["default"].createElement("div", { key: item.id, style: {
-                    display: 'flex',
-                    padding: 5,
-                    marginTop: 4
-                } },
-                react_1["default"].createElement("div", { style: {
-                        borderRadius: '4px',
-                        width: '18px',
-                        height: '18px',
+        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' },
+            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),
+            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,
+            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),
+            groupedItemsArray.map(function (item) { return (react_1.default.createElement("div", { key: item.id, className: 'flex p-1.5 mt-1' },
+                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: {
                         background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")"),
-                        alignItems: 'center',
-                        alignContent: 'center',
-                        opacity: hoveredBar === item.name ? 1 : 0.5
                     } }),
-                react_1["default"].createElement("div", { className: 'ml-2', style: { opacity: hoveredBar === item.name ? 1 : 0.5 } }, item.name),
-                react_1["default"].createElement("div", { style: {
-                        marginLeft: 'auto',
-                        opacity: hoveredBar === item.name ? 1 : 0.5
-                    } }, item.payload.amt))); })));
+                react_1.default.createElement("div", { className: "ml-2 ".concat(hoveredBar === item.name ? 'opacity-100' : 'opacity-50') }, item.name),
+                react_1.default.createElement("div", { className: "ml-auto ".concat(hoveredBar === item.name ? 'opacity-100' : 'opacity-50') }, item.payload.amt))); })))));
     };
     var columns = chartColumnA === null || chartColumnA === void 0 ? void 0 : chartColumnA.map(function (item) { return (tslib_1.__assign({}, item)); });
     var columnsPageB = chartColumnB === null || chartColumnB === void 0 ? void 0 : chartColumnB.map(function (item) { return (tslib_1.__assign({}, item)); });
@@ -100,49 +70,52 @@ function PHXBarChart(props) {
         var chartIndex = index === chartColumn.length - 1 ? radiusChart !== null && radiusChart !== void 0 ? radiusChart : [6, 6, 0, 0] : [0, 0, 0, 0];
         return chartIndex;
     };
-    return (react_1["default"].createElement(recharts_1.ResponsiveContainer, { height: 500, width: '100%' },
-        react_1["default"].createElement(recharts_1.ComposedChart, { barGap: 20, data: data, height: 300, width: 500 },
-            react_1["default"].createElement(recharts_1.CartesianGrid, { strokeDasharray: '3 3', vertical: false }),
-            react_1["default"].createElement(recharts_1.XAxis, { axisLine: false, dataKey: xAxisKey !== null && xAxisKey !== void 0 ? xAxisKey : 'name' }),
-            react_1["default"].createElement(recharts_1.YAxis, { axisLine: false }),
-            react_1["default"].createElement(recharts_1.YAxis, { axisLine: false, dataKey: yAxisRightKey !== null && yAxisRightKey !== void 0 ? yAxisRightKey : 'yAxisRight', domain: domain, minTickGap: 20, orientation: 'right', tickCount: 5, yAxisId: 2 }),
-            react_1["default"].createElement(recharts_1.Tooltip, { content: react_1["default"].createElement(CustomToolTip, null) }),
-            react_1["default"].createElement(recharts_1.Legend, { content: react_1["default"].createElement(CustomToolLegend, null) }),
-            chartType === 'one-to-many' && (react_1["default"].createElement(react_1["default"].Fragment, null,
-                react_1["default"].createElement(recharts_1.Bar, { barSize: barSize, dataKey: dataKeyChartA !== null && dataKeyChartA !== void 0 ? dataKeyChartA : 'pv', onMouseEnter: function (value) { return onMouseEnter(value); }, fill: '#dd75c1', name: 'name' },
-                    react_1["default"].createElement(recharts_1.Cell, { fill: '#dd75c1' })), columnsPageB === null || columnsPageB === void 0 ? void 0 :
-                columnsPageB.map(function (item, index) { return (react_1["default"].createElement(recharts_1.Bar, { key: "bar-pageB-".concat(index), onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'amt', fill: item.color, name: item.name, position: { x: 30 }, 
-                    // @ts-ignore
-                    radius: handleBoderChart(index, columnsPageB), stackId: 'stackB' },
-                    react_1["default"].createElement(recharts_1.Cell, { key: "cell-pageB-".concat(index), fill: item.color }))); }))),
-            chartType === 'many-to-one' && (react_1["default"].createElement(react_1["default"].Fragment, null, columnsPageB === null || columnsPageB === void 0 ? void 0 :
-                columnsPageB.map(function (item, index) { return (react_1["default"].createElement(recharts_1.Bar, { key: "bar-pageB-".concat(index), onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: 'pv', fill: item.color, name: item.name, position: { x: 30 }, 
-                    // @ts-ignore
-                    radius: handleBoderChart(index, columnsPageB), stackId: 'stackB' },
-                    react_1["default"].createElement(recharts_1.Cell, { key: "cell-pageB-".concat(index), fill: item.color }))); }),
-                react_1["default"].createElement(recharts_1.Bar, { onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'uv', fill: '#dd75c1', name: 'name' },
-                    react_1["default"].createElement(recharts_1.Cell, { fill: '#dd75c1' })))),
-            chartType === 'single' && (
-            // @ts-ignore
-            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' },
-                react_1["default"].createElement(recharts_1.Cell, { fill: '#dd75c1' }))),
-            chartType === 'double' && (react_1["default"].createElement(react_1["default"].Fragment, null,
-                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' },
-                    react_1["default"].createElement(recharts_1.Cell, { fill: '#dd75c1' })),
-                doubleColumnInRow && (
+    return (react_1.default.createElement("div", { className: "".concat(chartType === 'single-column' ? 'min-w-[1200px]' : '') },
+        react_1.default.createElement(recharts_1.ResponsiveContainer, { height: 500, width: '100%' },
+            react_1.default.createElement(recharts_1.ComposedChart, { barGap: 20, data: data, height: 300, width: 500 },
+                react_1.default.createElement(recharts_1.CartesianGrid, { strokeDasharray: '3 3', vertical: false }),
+                react_1.default.createElement(recharts_1.XAxis, { axisLine: false, dataKey: xAxisKey !== null && xAxisKey !== void 0 ? xAxisKey : 'name' }),
+                react_1.default.createElement(recharts_1.YAxis, { axisLine: false }),
+                react_1.default.createElement(recharts_1.YAxis, { axisLine: false, dataKey: yAxisRightKey !== null && yAxisRightKey !== void 0 ? yAxisRightKey : 'yAxisRight', domain: domain, minTickGap: 20, orientation: 'right', tickCount: 5, yAxisId: 2 }),
+                react_1.default.createElement(recharts_1.Tooltip, { content: react_1.default.createElement(CustomToolTip, null) }),
+                react_1.default.createElement(recharts_1.Legend, { content: react_1.default.createElement(CustomToolLegend, null) }),
+                chartType === 'one-to-many' && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(recharts_1.Bar, { barSize: barSize, dataKey: dataKeyChartA !== null && dataKeyChartA !== void 0 ? dataKeyChartA : 'pv', onMouseEnter: function (value) { return onMouseEnter(value); }, fill: '#dd75c1', name: 'name' },
+                        react_1.default.createElement(recharts_1.Cell, { fill: '#dd75c1' })), columnsPageB === null || columnsPageB === void 0 ? void 0 :
+                    columnsPageB.map(function (item, index) { return (react_1.default.createElement(recharts_1.Bar, { key: "bar-pageB-".concat(index), onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'amt', fill: item.color, name: item.name, position: { x: 30 }, 
+                        // @ts-ignore
+                        radius: handleBoderChart(index, columnsPageB), stackId: 'stackB' },
+                        react_1.default.createElement(recharts_1.Cell, { key: "cell-pageB-".concat(index), fill: item.color }))); }))),
+                chartType === 'many-to-one' && (react_1.default.createElement(react_1.default.Fragment, null, columnsPageB === null || columnsPageB === void 0 ? void 0 :
+                    columnsPageB.map(function (item, index) { return (react_1.default.createElement(recharts_1.Bar, { key: "bar-pageB-".concat(index), onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: 'pv', fill: item.color, name: item.name, position: { x: 30 }, 
+                        // @ts-ignore
+                        radius: handleBoderChart(index, columnsPageB), stackId: 'stackB' },
+                        react_1.default.createElement(recharts_1.Cell, { key: "cell-pageB-".concat(index), fill: item.color }))); }),
+                    react_1.default.createElement(recharts_1.Bar, { onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'uv', fill: '#dd75c1', name: 'name' },
+                        react_1.default.createElement(recharts_1.Cell, { fill: '#dd75c1' })))),
+                chartType === 'single' && (
                 // @ts-ignore
-                react_1["default"].createElement(recharts_1.Bar, { onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'uv', fill: '#8868ee', name: nameColumnDouble },
-                    react_1["default"].createElement(recharts_1.Cell, { fill: '#8868ee' }))))),
-            chartType === 'many-to-many' && (react_1["default"].createElement(react_1["default"].Fragment, null, columns === null || columns === void 0 ? void 0 :
-                columns.map(function (item, index) { return (react_1["default"].createElement(recharts_1.Bar, { key: "bar-pageA-".concat(index), onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'uv', fill: item.color, name: item.name, position: { x: 30 }, 
-                    // @ts-ignore
-                    radius: handleBoderChart(index, columns), stackId: 'stackA' },
-                    react_1["default"].createElement(recharts_1.Cell, { key: "cell-pageA-".concat(index), fill: item.color }))); }), columnsPageB === null || columnsPageB === void 0 ? void 0 :
-                columnsPageB.map(function (item, index) { return (react_1["default"].createElement(recharts_1.Bar, { key: "bar-pageB-".concat(index), onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'pv', fill: item.color, name: item.name, position: { x: 30 }, 
+                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' },
+                    react_1.default.createElement(recharts_1.Cell, { fill: '#dd75c1' }))),
+                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] },
+                    react_1.default.createElement(recharts_1.Cell, { fill: '#7857FF' }))),
+                chartType === 'double' && (react_1.default.createElement(react_1.default.Fragment, null,
+                    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' },
+                        react_1.default.createElement(recharts_1.Cell, { fill: '#dd75c1' })),
+                    doubleColumnInRow && (
                     // @ts-ignore
-                    radius: handleBoderChart(index, columnsPageB), stackId: 'stackB' },
-                    react_1["default"].createElement(recharts_1.Cell, { key: "cell-pageB-".concat(index), fill: item.color }))); }))),
-            !hiddenLineChart && (react_1["default"].createElement(recharts_1.Line, { type: 'monotone', name: nameLineChart, dataKey: dataKeyLineChart !== null && dataKeyLineChart !== void 0 ? dataKeyLineChart : 'lineChart', stroke: colorLineChart !== null && colorLineChart !== void 0 ? colorLineChart : '#ff7300' })))));
+                    react_1.default.createElement(recharts_1.Bar, { onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'uv', fill: '#8868ee', name: nameColumnDouble },
+                        react_1.default.createElement(recharts_1.Cell, { fill: '#8868ee' }))))),
+                chartType === 'many-to-many' && (react_1.default.createElement(react_1.default.Fragment, null, columns === null || columns === void 0 ? void 0 :
+                    columns.map(function (item, index) { return (react_1.default.createElement(recharts_1.Bar, { key: "bar-pageA-".concat(index), onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'uv', fill: item.color, name: item.name, position: { x: 30 }, 
+                        // @ts-ignore
+                        radius: handleBoderChart(index, columns), stackId: 'stackA' },
+                        react_1.default.createElement(recharts_1.Cell, { key: "cell-pageA-".concat(index), fill: item.color }))); }), columnsPageB === null || columnsPageB === void 0 ? void 0 :
+                    columnsPageB.map(function (item, index) { return (react_1.default.createElement(recharts_1.Bar, { key: "bar-pageB-".concat(index), onMouseEnter: function (value) { return onMouseEnter(value); }, onMouseLeave: onMouseLeave, barSize: barSize, dataKey: dataKeyChartB !== null && dataKeyChartB !== void 0 ? dataKeyChartB : 'pv', fill: item.color, name: item.name, position: { x: 30 }, 
+                        // @ts-ignore
+                        radius: handleBoderChart(index, columnsPageB), stackId: 'stackB' },
+                        react_1.default.createElement(recharts_1.Cell, { key: "cell-pageB-".concat(index), fill: item.color }))); }))),
+                !hiddenLineChart && (react_1.default.createElement(recharts_1.Line, { type: 'monotone', name: nameLineChart, dataKey: dataKeyLineChart !== null && dataKeyLineChart !== void 0 ? dataKeyLineChart : 'lineChart', stroke: colorLineChart !== null && colorLineChart !== void 0 ? colorLineChart : '#ff7300' }))))));
 }
-exports["default"] = PHXBarChart;
+exports.default = PHXBarChart;
 //# sourceMappingURL=BarChart.js.map

package/dist/cjs/components/Chart/BarChart/BarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../../../../src/components/Chart/BarChart/BarChart.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../../../../src/components/Chart/BarChart/BarChart.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Chart/DonutChart/DonutChart.d.ts

@@ -8,6 +8,7 @@ interface DonutChartProps {
     colorChart?: Array<string>;
     dataKey?: string;
     hiddenLabel?: boolean;
+    pieType?: string;
 }
 declare function DonutChart(props: Readonly<DonutChartProps>): React.JSX.Element;
 export default DonutChart;

package/dist/cjs/components/Chart/DonutChart/DonutChart.js

@@ -1,102 +1,74 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
+var react_1 = tslib_1.__importDefault(require("react"));
 var recharts_1 = require("recharts");
+var DonutChartStyles_1 = tslib_1.__importDefault(require("./DonutChartStyles"));
 function DonutChart(props) {
-    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;
+    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, pieType = props.pieType;
     var RADIAN = Math.PI / 180;
-    var _c = (0, react_1.useState)(null), hoveredBar = _c[0], setHoveredBar = _c[1];
     var renderCustomizedLabel = function (_a) {
         var cx = _a.cx, cy = _a.cy, innerRadius = _a.innerRadius, midAngle = _a.midAngle, outerRadius = _a.outerRadius, payload = _a.payload, percent = _a.percent;
         var radius = innerRadius + (outerRadius - innerRadius) * 0.5;
         var labelRadius = outerRadius + 20;
+        var labelRadiusY = outerRadius + 30;
         var labelX = cx + labelRadius * Math.cos(-midAngle * RADIAN);
-        var labelY = cy + labelRadius * Math.sin(-midAngle * RADIAN);
+        var labelY = cy + labelRadiusY * Math.sin(-midAngle * RADIAN);
         var x = cx + radius * Math.cos(-midAngle * RADIAN);
         var y = cy + radius * Math.sin(-midAngle * RADIAN);
-        return (react_1["default"].createElement(react_1["default"].Fragment, null,
-            react_1["default"].createElement("text", { dominantBaseline: 'central', fill: '#999', textAnchor: labelX > cx ? 'start' : 'end', x: labelX, y: labelY }, payload.name),
-            hiddenLabel && (react_1["default"].createElement("text", { dominantBaseline: 'central', fill: 'white', textAnchor: x > cx ? 'start' : 'end', x: x, y: y }, "".concat((percent * 100).toFixed(0), "%")))));
+        var maxWidth = 100;
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            pieType === 'pie-custom-label' ? (react_1.default.createElement("foreignObject", { className: 'hidden xl:block', x: labelX > cx ? labelX : labelX - maxWidth, y: labelY - 20, width: maxWidth, height: 60 },
+                react_1.default.createElement("div", { className: "\n              text-[#999] text-xs leading-[1.2] break-words overflow-wrap-anywhere\n              ".concat(labelX > cx ? 'text-left' : 'text-right', "\n            "), style: {
+                        wordWrap: 'break-word',
+                        overflowWrap: 'break-word',
+                        hyphens: 'auto',
+                    } }, payload.name))) : (react_1.default.createElement("text", { className: 'hidden sm:block', dominantBaseline: 'central', fill: '#999', textAnchor: labelX > cx ? 'start' : 'end', x: labelX, y: labelY }, payload.name)),
+            hiddenLabel && (react_1.default.createElement("text", { dominantBaseline: 'central', fill: 'white', textAnchor: x > cx ? 'start' : 'end', x: x, y: y }, "".concat((percent * 100).toFixed(0), "%")))));
     };
     var CustomToolLegend = function (propsTooltip) {
         var payload = propsTooltip.payload;
-        return (react_1["default"].createElement("div", { className: 'custom-legend mt-4' },
-            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, style: {
-                    backgroundColor: '#F6F6F7',
-                    padding: 5,
-                    borderRadius: '5px'
-                } },
-                react_1["default"].createElement("div", { style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        opacity: !hoveredBar ? 1 : hoveredBar === item.payload.name ? 1 : 0.5
-                    } },
-                    react_1["default"].createElement("div", { style: {
-                            borderRadius: '4px',
-                            width: '18px',
-                            height: '18px',
+        return (react_1.default.createElement("div", { className: 'custom-legend relative mt-4 h-20' },
+            react_1.default.createElement("div", { className: "absolute bottom-0 right-0 flex flex-wrap gap-2 xl:justify-start xl:justify-end \n            ".concat(pieType === 'pie-custom-label' ? 'sm:justify-start' : '') }, 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' },
+                react_1.default.createElement("div", { className: 'flex items-center' },
+                    react_1.default.createElement("div", { className: 'rounded w-[14px] h-[14px] flex items-center', style: {
                             background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")"),
-                            alignItems: 'center',
-                            alignContent: 'center'
                         } }),
-                    react_1["default"].createElement("p", { style: {
-                            marginLeft: '10px',
-                            fontSize: '14px',
-                            marginRight: 4,
-                            color: '#999'
-                        } }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
+                    react_1.default.createElement("p", { className: 'ml-1 mr-1 text-xs text-[#999]' }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
     };
     var CustomToolTip = function (propsTooltip) {
         var _a, _b;
         var payload = propsTooltip.payload;
-        return (react_1["default"].createElement("div", { style: {
+        return (react_1.default.createElement("div", { style: {
                 backgroundColor: '#f5f5f5e8',
                 margin: 10,
                 width: '10rem',
                 padding: 3,
-                borderRadius: 8
+                borderRadius: 8,
             } },
-            react_1["default"].createElement("div", { className: 'ml-2 mt-2' }, (_b = (_a = payload[0]) === null || _a === void 0 ? void 0 : _a.payload) === null || _b === void 0 ? void 0 : _b.name),
-            payload.map(function (item) { return (react_1["default"].createElement("div", { key: item.id, style: {
-                    display: 'flex',
-                    padding: 5,
-                    marginTop: 4
-                } },
-                react_1["default"].createElement("div", { style: {
-                        borderRadius: '4px',
-                        width: '18px',
-                        height: '18px',
-                        background: "linear-gradient(".concat(item.payload.fill, ", ").concat(item.payload.fill, ")"),
-                        alignItems: 'center',
-                        alignContent: 'center'
-                    } }),
-                react_1["default"].createElement("div", { className: 'ml-2' }, item.name),
-                react_1["default"].createElement("div", { style: {
-                        marginLeft: 'auto'
-                    } }, item.payload.value))); })));
+            react_1.default.createElement("div", { className: 'ml-2 mt-2' }, (_b = (_a = payload[0]) === null || _a === void 0 ? void 0 : _a.payload) === null || _b === void 0 ? void 0 : _b.name),
+            payload.map(function (item) { return (react_1.default.createElement("div", { key: item.id, className: 'flex items-start gap-2 p-1 ml-1' },
+                react_1.default.createElement("div", { className: 'rounded w-[14px] h-[14px] flex-shrink-0 mt-1', style: { backgroundColor: item.payload.fill } }),
+                react_1.default.createElement("div", { className: 'flex-1 leading-normal break-words mt-0.5' }, item.name),
+                react_1.default.createElement("div", { className: 'ml-auto' }, item.payload.value))); })));
     };
     var colors = data.reduce(function (color, _, index) {
         color["color".concat(index + 1)] = colorChart[index % colorChart.length];
         return color;
     }, {});
-    var onMouseEnter = function (value) {
-        setHoveredBar(value.tooltipPayload[0].name);
-    };
-    var onMouseLeave = function () {
-        setHoveredBar(null);
-    };
-    return (react_1["default"].createElement(recharts_1.ResponsiveContainer, { height: 500, width: '100%' },
-        react_1["default"].createElement(recharts_1.PieChart, { height: 400, width: 400 },
-            react_1["default"].createElement(recharts_1.Pie
-            // @ts-ignore
-            , { 
-                // @ts-ignore
-                color: colors, cx: '50%', cy: '50%', data: data, 
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(DonutChartStyles_1.default, null),
+        react_1.default.createElement(recharts_1.ResponsiveContainer, { height: 410, width: '100%' },
+            react_1.default.createElement(recharts_1.PieChart, { height: 400, width: 400 },
+                react_1.default.createElement(recharts_1.Pie
                 // @ts-ignore
-                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] })); })),
-            react_1["default"].createElement(recharts_1.Legend, { content: react_1["default"].createElement(CustomToolLegend, null) }),
-            react_1["default"].createElement(recharts_1.Tooltip, { content: react_1["default"].createElement(CustomToolTip, null) }))));
+                , { 
+                    // @ts-ignore
+                    color: colors, cx: '50%', cy: '50%', data: data, 
+                    // @ts-ignore
+                    dataKey: dataKey !== null && dataKey !== void 0 ? dataKey : 'value', fill: '#8884d8', label: renderCustomizedLabel, labelLine: false, outerRadius: withChart !== null && withChart !== void 0 ? withChart : 150, style: { outline: 'none' }, strokeWidth: 2, isAnimationActive: false }, data.map(function (_entry, index) { return (react_1.default.createElement(recharts_1.Cell, { key: "cell-".concat(index), fill: colorChart[index % colorChart.length] })); })),
+                react_1.default.createElement(recharts_1.Legend, { content: react_1.default.createElement(CustomToolLegend, null) }),
+                react_1.default.createElement(recharts_1.Tooltip, { content: react_1.default.createElement(CustomToolTip, null) })))));
 }
-exports["default"] = DonutChart;
+exports.default = DonutChart;
 //# sourceMappingURL=DonutChart.js.map

package/dist/cjs/components/Chart/DonutChart/DonutChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../../../../../src/components/Chart/DonutChart/DonutChart.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../../../../../src/components/Chart/DonutChart/DonutChart.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Chart/DonutChart/DonutChartStyles.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function DonutChartStyles(): React.JSX.Element;

package/dist/cjs/components/Chart/DonutChart/DonutChartStyles.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DonutChartStyles;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+function DonutChartStyles() {
+    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      "));
+}
+//# sourceMappingURL=DonutChartStyles.js.map

package/dist/cjs/components/Chart/DonutChart/DonutChartStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChartStyles.js","sourceRoot":"","sources":["../../../../../src/components/Chart/DonutChart/DonutChartStyles.tsx"],"names":[],"mappings":";;AAEA,mCAqBC;;AAvBD,wDAAyB;AAEzB,SAAwB,gBAAgB;IACtC,OAAO,CACL,6CACG,6XAeA,CACK,CACT,CAAA;AACH,CAAC"}

package/dist/cjs/components/Chart/PieChart/PieChart.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var recharts_1 = require("recharts");
@@ -18,42 +18,42 @@ function PHXPieChart(props) {
     var RADIAN = Math.PI / 180;
     var CustomToolLegend = function (propsTooltip) {
         var payload = propsTooltip.payload;
-        return (react_1["default"].createElement("div", { className: 'custom-legend mt-4' },
-            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, style: {
+        return (react_1.default.createElement("div", { className: 'custom-legend mt-4' },
+            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, style: {
                     backgroundColor: '#F6F6F7',
                     padding: 5,
-                    borderRadius: '5px'
+                    borderRadius: '5px',
                 } },
-                react_1["default"].createElement("div", { style: {
+                react_1.default.createElement("div", { style: {
                         display: 'flex',
                         alignItems: 'center',
-                        opacity: !hoveredBar ? 1 : hoveredBar === item.payload.name ? 1 : 0.5
+                        opacity: !hoveredBar ? 1 : hoveredBar === item.payload.name ? 1 : 0.5,
                     } },
-                    react_1["default"].createElement("div", { style: {
+                    react_1.default.createElement("div", { style: {
                             borderRadius: '4px',
                             width: '18px',
                             height: '18px',
                             background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")"),
                             alignItems: 'center',
-                            alignContent: 'center'
+                            alignContent: 'center',
                         } }),
-                    react_1["default"].createElement("p", { style: {
+                    react_1.default.createElement("p", { style: {
                             marginLeft: '10px',
                             fontSize: '14px',
                             marginRight: 4,
-                            color: '#999'
+                            color: '#999',
                         } }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
     };
     var renderActiveShape = function (props) {
         var cx = props.cx, cy = props.cy, innerRadius = props.innerRadius, outerRadius = props.outerRadius, startAngle = props.startAngle, endAngle = props.endAngle, fill = props.fill, payload = props.payload, percent = props.percent;
-        return (react_1["default"].createElement("g", null,
-            react_1["default"].createElement("text", { x: cx, y: cy, dy: -8, textAnchor: 'middle', fill: fill, style: { fontSize: '18px' } }, payload.name),
-            react_1["default"].createElement("text", { x: cx, y: cy, dy: 12, textAnchor: 'middle', fill: fill }, "(".concat((percent * 100).toFixed(2), "%)")),
-            react_1["default"].createElement(recharts_1.Sector, { cx: cx, cy: cy, opacity: 0.5, innerRadius: innerRadius, outerRadius: outerRadius, startAngle: startAngle, endAngle: endAngle, fill: fill, cornerRadius: 5 })));
+        return (react_1.default.createElement("g", null,
+            react_1.default.createElement("text", { x: cx, y: cy, dy: -8, textAnchor: 'middle', fill: fill, style: { fontSize: '18px' } }, payload.name),
+            react_1.default.createElement("text", { x: cx, y: cy, dy: 12, textAnchor: 'middle', fill: fill }, "(".concat((percent * 100).toFixed(2), "%)")),
+            react_1.default.createElement(recharts_1.Sector, { cx: cx, cy: cy, opacity: 0.5, innerRadius: innerRadius, outerRadius: outerRadius, startAngle: startAngle, endAngle: endAngle, fill: fill, cornerRadius: 5 })));
     };
-    return (react_1["default"].createElement(recharts_1.ResponsiveContainer, { height: 500, width: '100%' },
-        react_1["default"].createElement(recharts_1.PieChart, { height: 400, onMouseLeave: onMouseLeave, width: 800 },
-            react_1["default"].createElement(recharts_1.Pie, tslib_1.__assign({ activeIndex: activeIndex, activeShape: renderActiveShape, cx: '50%', cy: '50%', data: data, dataKey: dataKey !== null && dataKey !== void 0 ? dataKey : 'value', fill: '#8884d8', innerRadius: 130 }, (!hiddenLabel && {
+    return (react_1.default.createElement(recharts_1.ResponsiveContainer, { height: 500, width: '100%' },
+        react_1.default.createElement(recharts_1.PieChart, { height: 400, onMouseLeave: onMouseLeave, width: 800 },
+            react_1.default.createElement(recharts_1.Pie, tslib_1.__assign({ activeIndex: activeIndex, activeShape: renderActiveShape, cx: '50%', cy: '50%', data: data, dataKey: dataKey !== null && dataKey !== void 0 ? dataKey : 'value', fill: '#8884d8', innerRadius: 130 }, (!hiddenLabel && {
                 label: function (_a) {
                     var _b;
                     var cx = _a.cx, cy = _a.cy, index = _a.index, innerRadius = _a.innerRadius, midAngle = _a.midAngle, outerRadius = _a.outerRadius, value = _a.value;
@@ -61,16 +61,16 @@ function PHXPieChart(props) {
                     var x = cx + radius * Math.cos(-midAngle * RADIAN);
                     var y = cy + radius * Math.sin(-midAngle * RADIAN);
                     if (value === 0) {
-                        return react_1["default"].createElement(react_1["default"].Fragment, null);
+                        return react_1.default.createElement(react_1.default.Fragment, null);
                     }
-                    return (react_1["default"].createElement("text", { dominantBaseline: 'central', fill: '#8884d8', textAnchor: x > cx ? 'start' : 'end', x: x, y: y }, (_b = data[index]) === null || _b === void 0 ? void 0 :
+                    return (react_1.default.createElement("text", { dominantBaseline: 'central', fill: '#8884d8', textAnchor: x > cx ? 'start' : 'end', x: x, y: y }, (_b = data[index]) === null || _b === void 0 ? void 0 :
                         _b.name,
                         " (",
                         value,
                         ")"));
-                }
-            }), { onMouseEnter: onPieEnter, outerRadius: outerRadius, cornerRadius: 5, paddingAngle: 1, labelLine: false, style: { outline: 'none' } }), data.map(function (_entry, index) { return (react_1["default"].createElement(recharts_1.Cell, { key: "cell-".concat(index + 1), fill: color[index % color.length] })); })),
-            hiddenLegend && react_1["default"].createElement(recharts_1.Legend, { content: react_1["default"].createElement(CustomToolLegend, null) }))));
+                },
+            }), { onMouseEnter: onPieEnter, outerRadius: outerRadius, cornerRadius: 5, paddingAngle: 1, labelLine: false, style: { outline: 'none' } }), data.map(function (_entry, index) { return (react_1.default.createElement(recharts_1.Cell, { key: "cell-".concat(index + 1), fill: color[index % color.length] })); })),
+            hiddenLegend && react_1.default.createElement(recharts_1.Legend, { content: react_1.default.createElement(CustomToolLegend, null) }))));
 }
-exports["default"] = PHXPieChart;
+exports.default = PHXPieChart;
 //# sourceMappingURL=PieChart.js.map