phx-react 1.3.1578 → 1.3.1580

package/dist/cjs/components/CardDetail/CardDetail.js

@@ -1,21 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PHXCardDetail = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 // import { PHXBadge } from '../Badge'
-var Tabs_1 = require("../Tabs");
-var PHXCardDetail = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.data, data = _c === void 0 ? [] : _c, itemBottom = _a.itemBottom, tabs = _a.tabs, titleHeader = _a.titleHeader, _d = _a.gridColspan, gridColspan = _d === void 0 ? 3 : _d, children = _a.children;
-    var layoutClass = className || "grid grid-cols-2 gap-4 md:grid-cols-".concat(gridColspan, " lg:grid-cols-").concat(gridColspan);
+const Tabs_1 = require("../Tabs");
+const PHXCardDetail = ({ className = '', data = [], itemBottom, tabs, titleHeader, gridColspan = 3, children, }) => {
+    const layoutClass = className || `grid grid-cols-2 gap-4 md:grid-cols-${gridColspan} lg:grid-cols-${gridColspan}`;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: "border-gray-20 rounded-lg border shadow-[0rem_0.0825rem_0rem_#00000012] bg-white" },
+        react_1.default.createElement("div", { className: `border-gray-20 rounded-lg border shadow-[0rem_0.0825rem_0rem_#00000012] bg-white` },
             titleHeader && react_1.default.createElement("p", { className: 'px-4 pt-4 text-sm font-semibold text-gray-900' }, titleHeader.content),
             tabs ? (react_1.default.createElement("div", { className: 'px-4' },
-                react_1.default.createElement(Tabs_1.PHXTabs, { className: 'mt-3', dataTabs: tabs, type: 'default' }))) : (react_1.default.createElement("div", { className: "".concat(layoutClass, " flex flex-wrap gap-2 px-4 pb-4 pt-3 md:gap-4") }, data.map(function (item) { return (react_1.default.createElement("div", { key: item.title },
+                react_1.default.createElement(Tabs_1.PHXTabs, { className: 'mt-3', dataTabs: tabs, type: 'default' }))) : (react_1.default.createElement("div", { className: `${layoutClass} flex flex-wrap gap-2 px-4 pb-4 pt-3 md:gap-4` }, data.map((item) => (react_1.default.createElement("div", { key: item.title },
                 react_1.default.createElement("p", { className: 'text-xs font-normal text-gray-700' }, item.title),
                 react_1.default.createElement("div", { className: 'mt-1 flex items-baseline text-xs font-semibold text-indigo-800' }, item.content),
-                (item === null || item === void 0 ? void 0 : item.subContent) && react_1.default.createElement("div", { className: 'mt-1' }, item === null || item === void 0 ? void 0 : item.subContent))); }))),
+                (item === null || item === void 0 ? void 0 : item.subContent) && react_1.default.createElement("div", { className: 'mt-1' }, item === null || item === void 0 ? void 0 : item.subContent)))))),
             itemBottom && (react_1.default.createElement("div", { className: 'px-4 pb-4' },
                 react_1.default.createElement("div", { className: 'border-t' },
                     react_1.default.createElement("div", null,

package/dist/cjs/components/CardDetail/CardDetail.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardDetail.js","sourceRoot":"","sources":["../../../../src/components/CardDetail/CardDetail.tsx"],"names":[],"mappings":";;;;AAAA,wDAAwC;AACxC,sCAAsC;AACtC,gCAAiC;AAuB1B,IAAM,aAAa,GAAmC,UAAC,EAQtD;QAPN,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA,EACf,QAAQ,cAAA;IAER,IAAM,WAAW,GAAG,SAAS,IAAI,8CAAuC,WAAW,2BAAiB,WAAW,CAAE,CAAA;IAEjH,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,kFAAkF;YAC/F,WAAW,IAAI,qCAAG,SAAS,EAAC,+CAA+C,IAAE,WAAW,CAAC,OAAO,CAAK;YACrG,IAAI,CAAC,CAAC,CAAC,CACN,uCAAK,SAAS,EAAC,MAAM;gBACnB,8BAAC,cAAO,IAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,SAAS,GAAG,CACvD,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAE,UAAG,WAAW,kDAA+C,IAC1E,IAAI,CAAC,GAAG,CAAC,UAAC,IAAmB,IAAK,OAAA,CACjC,uCAAK,GAAG,EAAE,IAAI,CAAC,KAAK;gBAClB,qCAAG,SAAS,EAAC,mCAAmC,IAAE,IAAI,CAAC,KAAK,CAAK;gBACjE,uCAAK,SAAS,EAAC,gEAAgE,IAAE,IAAI,CAAC,OAAO,CAAO;gBACnG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,KAAI,uCAAK,SAAS,EAAC,MAAM,IAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,CAAO,CAC/D,CACP,EANkC,CAMlC,CAAC,CACE,CACP;YACA,UAAU,IAAI,CACb,uCAAK,SAAS,EAAC,WAAW;gBACxB,uCAAK,SAAS,EAAC,UAAU;oBACvB;wBACE,qCAAG,SAAS,EAAC,wCAAwC,IAAE,UAAU,CAAC,KAAK,CAAK;wBAC5E,qCAAG,SAAS,EAAC,gEAAgE,IAAE,UAAU,CAAC,OAAO,CAAK,CAClG,CACF,CACF,CACP;YACA,QAAQ,IAAI,uCAAK,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAO,CACpD,CACL,CACJ,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,aAAa,iBA4CzB;AAED,kBAAe,qBAAa,CAAA"}
+{"version":3,"file":"CardDetail.js","sourceRoot":"","sources":["../../../../src/components/CardDetail/CardDetail.tsx"],"names":[],"mappings":";;;;AAAA,0DAAwC;AACxC,sCAAsC;AACtC,kCAAiC;AAuB1B,MAAM,aAAa,GAAmC,CAAC,EAC5D,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,EAAE,EACT,UAAU,EACV,IAAI,EACJ,WAAW,EACX,WAAW,GAAG,CAAC,EACf,QAAQ,GACF,EAAE,EAAE;IACV,MAAM,WAAW,GAAG,SAAS,IAAI,uCAAuC,WAAW,iBAAiB,WAAW,EAAE,CAAA;IAEjH,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,kFAAkF;YAC/F,WAAW,IAAI,qCAAG,SAAS,EAAC,+CAA+C,IAAE,WAAW,CAAC,OAAO,CAAK;YACrG,IAAI,CAAC,CAAC,CAAC,CACN,uCAAK,SAAS,EAAC,MAAM;gBACnB,8BAAC,cAAO,IAAC,SAAS,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,SAAS,GAAG,CACvD,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAE,GAAG,WAAW,+CAA+C,IAC1E,IAAI,CAAC,GAAG,CAAC,CAAC,IAAmB,EAAE,EAAE,CAAC,CACjC,uCAAK,GAAG,EAAE,IAAI,CAAC,KAAK;gBAClB,qCAAG,SAAS,EAAC,mCAAmC,IAAE,IAAI,CAAC,KAAK,CAAK;gBACjE,uCAAK,SAAS,EAAC,gEAAgE,IAAE,IAAI,CAAC,OAAO,CAAO;gBACnG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,KAAI,uCAAK,SAAS,EAAC,MAAM,IAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,CAAO,CAC/D,CACP,CAAC,CACE,CACP;YACA,UAAU,IAAI,CACb,uCAAK,SAAS,EAAC,WAAW;gBACxB,uCAAK,SAAS,EAAC,UAAU;oBACvB;wBACE,qCAAG,SAAS,EAAC,wCAAwC,IAAE,UAAU,CAAC,KAAK,CAAK;wBAC5E,qCAAG,SAAS,EAAC,gEAAgE,IAAE,UAAU,CAAC,OAAO,CAAK,CAClG,CACF,CACF,CACP;YACA,QAAQ,IAAI,uCAAK,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAO,CACpD,CACL,CACJ,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,aAAa,iBA4CzB;AAED,kBAAe,qBAAa,CAAA"}

package/dist/cjs/components/CardDetail/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./CardDetail"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,76 +1,84 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var recharts_1 = require("recharts");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const 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, 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) {
+    const { data, dataKeyLineChart, colorLineChart, dataKeyChartA, dataKeyChartB, xAxisKey, yAxisRightKey, domain, nameLineChart, nameLegendChartSingle, hiddenLineChart, doubleColumnInRow, barSize, nameColumnDouble, chartType, radiusChart, chartColumnA, chartColumnB, } = props;
+    const [hoveredBar, setHoveredBar] = (0, react_1.useState)(null);
+    const onMouseEnter = (value) => {
         setHoveredBar(value.tooltipPayload[0].name);
     };
-    var onMouseLeave = function () {
+    const onMouseLeave = () => {
         setHoveredBar(null);
     };
-    var CustomToolLegend = function (propsTooltip) {
-        var payload = propsTooltip.payload;
+    const CustomToolLegend = (propsTooltip) => {
+        const { payload } = propsTooltip;
         // gộp những item có label name giống nhau thành 1
-        var aggregatedItems = {};
-        payload.forEach(function (item) {
+        const aggregatedItems = {};
+        payload.forEach((item) => {
             var _a;
-            var name = (_a = item === null || item === void 0 ? void 0 : item.payload) === null || _a === void 0 ? void 0 : _a.name;
+            const name = (_a = item === null || item === void 0 ? void 0 : item.payload) === null || _a === void 0 ? void 0 : _a.name;
             if (!aggregatedItems[name]) {
-                aggregatedItems[name] = tslib_1.__assign(tslib_1.__assign({}, item), { count: 1 });
+                aggregatedItems[name] = {
+                    ...item,
+                    count: 1,
+                };
             }
             else {
                 aggregatedItems[name].count++;
             }
         });
-        var aggregatedItemsArray = Object.values(aggregatedItems);
-        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' },
+        const aggregatedItemsArray = Object.values(aggregatedItems);
+        return (react_1.default.createElement("div", { className: `custom-legend ${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((item) => (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,
                     } },
                     react_1.default.createElement("div", { className: 'rounded w-[14px] h-[14px] flex items-center', style: {
-                            background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")"),
+                            background: `linear-gradient(${item.color}, ${item.color})`,
                         } }),
-                    react_1.default.createElement("p", { className: 'ml-1 mr-1 text-xs text-[#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) {
+    const CustomToolTip = (propsTooltip) => {
         var _a, _b, _c, _d;
-        var active = propsTooltip.active, payload = propsTooltip.payload;
+        const { active, payload } = propsTooltip;
         if (!active || !payload || payload.length === 0) {
             return null;
         }
-        var groupedItems = {};
-        payload.forEach(function (item) {
-            var name = item.name;
+        const groupedItems = {};
+        payload.forEach((item) => {
+            const name = item.name;
             if (!groupedItems[name]) {
                 groupedItems[name] = item;
             }
         });
-        var groupedItemsArray = Object.values(groupedItems);
+        const groupedItemsArray = Object.values(groupedItems);
         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,
+            groupedItemsArray.map((item) => (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, ")"),
+            groupedItemsArray.map((item) => (react_1.default.createElement("div", { key: item.id, className: 'flex p-1.5 mt-1' },
+                react_1.default.createElement("div", { className: `
+                      rounded w-4 h-4 bg-gradient-to-r flex items-center justify-center 
+                      ${item.color} 
+                      ${item.color} 
+                      ${hoveredBar === item.name ? 'opacity-100' : 'opacity-50'}
+                    `, style: {
+                        background: `linear-gradient(${item.color}, ${item.color})`,
                     } }),
-                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))); })))));
+                react_1.default.createElement("div", { className: `ml-2 ${hoveredBar === item.name ? 'opacity-100' : 'opacity-50'}` }, item.name),
+                react_1.default.createElement("div", { className: `ml-auto ${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)); });
-    var handleBoderChart = function (index, chartColumn) {
-        var chartIndex = index === chartColumn.length - 1 ? radiusChart !== null && radiusChart !== void 0 ? radiusChart : [6, 6, 0, 0] : [0, 0, 0, 0];
+    const columns = chartColumnA === null || chartColumnA === void 0 ? void 0 : chartColumnA.map((item) => ({ ...item }));
+    const columnsPageB = chartColumnB === null || chartColumnB === void 0 ? void 0 : chartColumnB.map((item) => ({ ...item }));
+    const handleBoderChart = (index, chartColumn) => {
+        const 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("div", { className: "".concat(chartType === 'single-column' ? 'min-w-[1200px]' : '') },
+    return (react_1.default.createElement("div", { className: `${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 }),
@@ -80,41 +88,41 @@ function PHXBarChart(props) {
                 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.Bar, { barSize: barSize, dataKey: dataKeyChartA !== null && dataKeyChartA !== void 0 ? dataKeyChartA : 'pv', onMouseEnter: (value) => 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 }, 
+                    columnsPageB.map((item, index) => (react_1.default.createElement(recharts_1.Bar, { key: `bar-pageB-${index}`, onMouseEnter: (value) => 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 }))); }))),
+                        react_1.default.createElement(recharts_1.Cell, { key: `cell-pageB-${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 }, 
+                    columnsPageB.map((item, index) => (react_1.default.createElement(recharts_1.Bar, { key: `bar-pageB-${index}`, onMouseEnter: (value) => 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, { key: `cell-pageB-${index}`, fill: item.color })))),
+                    react_1.default.createElement(recharts_1.Bar, { onMouseEnter: (value) => 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.Bar, { onMouseEnter: (value) => 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] },
+                chartType === 'single-column' && (react_1.default.createElement(recharts_1.Bar, { onMouseEnter: (value) => 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.Bar, { onMouseEnter: (value) => 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
-                    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.Bar, { onMouseEnter: (value) => 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 }, 
+                    columns.map((item, index) => (react_1.default.createElement(recharts_1.Bar, { key: `bar-pageA-${index}`, onMouseEnter: (value) => 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.Cell, { key: `cell-pageA-${index}`, fill: item.color })))), columnsPageB === null || columnsPageB === void 0 ? void 0 :
+                    columnsPageB.map((item, index) => (react_1.default.createElement(recharts_1.Bar, { key: `bar-pageB-${index}`, onMouseEnter: (value) => 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 }))); }))),
+                        react_1.default.createElement(recharts_1.Cell, { key: `cell-pageB-${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;

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.js

@@ -1,44 +1,47 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var recharts_1 = require("recharts");
-var DonutChartStyles_1 = tslib_1.__importDefault(require("./DonutChartStyles"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const recharts_1 = require("recharts");
+const DonutChartStyles_1 = tslib_1.__importDefault(require("./DonutChartStyles"));
 function DonutChart(props) {
-    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 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 + labelRadiusY * Math.sin(-midAngle * RADIAN);
-        var x = cx + radius * Math.cos(-midAngle * RADIAN);
-        var y = cy + radius * Math.sin(-midAngle * RADIAN);
-        var maxWidth = 100;
+    const { colorChart = ['#7857FF', '#00C49F', '#FFBB28', '#FF8042'], dataKey, withChart, data, hiddenLabel = true, pieType, } = props;
+    const RADIAN = Math.PI / 180;
+    const renderCustomizedLabel = ({ cx, cy, innerRadius, midAngle, outerRadius, payload, percent }) => {
+        const radius = innerRadius + (outerRadius - innerRadius) * 0.5;
+        const labelRadius = outerRadius + 20;
+        const labelRadiusY = outerRadius + 30;
+        const labelX = cx + labelRadius * Math.cos(-midAngle * RADIAN);
+        const labelY = cy + labelRadiusY * Math.sin(-midAngle * RADIAN);
+        const x = cx + radius * Math.cos(-midAngle * RADIAN);
+        const y = cy + radius * Math.sin(-midAngle * RADIAN);
+        const 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: {
+                react_1.default.createElement("div", { className: `
+              text-[#999] text-xs leading-[1.2] break-words overflow-wrap-anywhere
+              ${labelX > cx ? 'text-left' : 'text-right'}
+            `, 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), "%")))));
+            hiddenLabel && (react_1.default.createElement("text", { dominantBaseline: 'central', fill: 'white', textAnchor: x > cx ? 'start' : 'end', x: x, y: y }, `${(percent * 100).toFixed(0)}%`))));
     };
-    var CustomToolLegend = function (propsTooltip) {
-        var payload = propsTooltip.payload;
+    const CustomToolLegend = (propsTooltip) => {
+        const { payload } = propsTooltip;
         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: `absolute bottom-0 right-0 flex flex-wrap gap-2 xl:justify-start xl:justify-end 
+            ${pieType === 'pie-custom-label' ? 'sm:justify-start' : ''}` }, payload === null || payload === void 0 ? void 0 : payload.map((item) => (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, ")"),
+                            background: `linear-gradient(${item.color}, ${item.color})`,
                         } }),
-                    react_1.default.createElement("p", { className: 'ml-1 mr-1 text-xs text-[#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) {
+    const CustomToolTip = (propsTooltip) => {
         var _a, _b;
-        var payload = propsTooltip.payload;
+        const { payload } = propsTooltip;
         return (react_1.default.createElement("div", { style: {
                 backgroundColor: '#f5f5f5e8',
                 margin: 10,
@@ -47,13 +50,13 @@ function DonutChart(props) {
                 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, className: 'flex items-start gap-2 p-1 ml-1' },
+            payload.map((item) => (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))); })));
+                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];
+    const colors = data.reduce((color, _, index) => {
+        color[`color${index + 1}`] = colorChart[index % colorChart.length];
         return color;
     }, {});
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -66,7 +69,7 @@ function DonutChart(props) {
                     // @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] })); })),
+                    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((_entry, index) => (react_1.default.createElement(recharts_1.Cell, { key: `cell-${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) })))));
 }

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.js

@@ -1,9 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = DonutChartStyles;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+const tslib_1 = require("tslib");
+const 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      "));
+    return (react_1.default.createElement("style", null, `.recharts-wrapper {
+          font-size: 12px;
+          .recharts-cartesian-axis-tick-line {
+            display: none;
+          }
+          .recharts-cartesian-axis-line {
+            fill: blue !important;
+          }
+          tspan {
+            font-size: 12px;
+          }
+          .recharts-layer {
+            outline: none;
+          }
+        }
+      `));
 }
 //# sourceMappingURL=DonutChartStyles.js.map

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

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

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

@@ -1,25 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var recharts_1 = require("recharts");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const recharts_1 = require("recharts");
 function PHXPieChart(props) {
-    var _a = props.outerRadius, outerRadius = _a === void 0 ? 150 : _a, dataKey = props.dataKey, data = props.data, _b = props.color, color = _b === void 0 ? ['#6f8fef', '#8565ed', '#dd75c1', '#FF8042'] : _b, hiddenLabel = props.hiddenLabel, hiddenLegend = props.hiddenLegend;
-    var _c = (0, react_1.useState)(null), activeIndex = _c[0], setActiveIndex = _c[1];
-    var _d = (0, react_1.useState)(null), hoveredBar = _d[0], setHoveredBar = _d[1];
-    var onPieEnter = function (value, index) {
+    const { outerRadius = 150, dataKey, data, color = ['#6f8fef', '#8565ed', '#dd75c1', '#FF8042'], hiddenLabel, hiddenLegend, } = props;
+    const [activeIndex, setActiveIndex] = (0, react_1.useState)(null);
+    const [hoveredBar, setHoveredBar] = (0, react_1.useState)(null);
+    const onPieEnter = (value, index) => {
         setActiveIndex(index);
         setHoveredBar(value.tooltipPayload[0].name);
     };
-    var onMouseLeave = function () {
+    const onMouseLeave = () => {
         setActiveIndex(null);
         setHoveredBar(null);
     };
-    var RADIAN = Math.PI / 180;
-    var CustomToolLegend = function (propsTooltip) {
-        var payload = propsTooltip.payload;
+    const RADIAN = Math.PI / 180;
+    const CustomToolLegend = (propsTooltip) => {
+        const { payload } = propsTooltip;
         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: {
+            react_1.default.createElement("div", { className: 'flex flex-wrap justify-end gap-2' }, payload === null || payload === void 0 ? void 0 : payload.map((item) => (react_1.default.createElement("div", { key: item.id, style: {
                     backgroundColor: '#F6F6F7',
                     padding: 5,
                     borderRadius: '5px',
@@ -33,7 +33,7 @@ function PHXPieChart(props) {
                             borderRadius: '4px',
                             width: '18px',
                             height: '18px',
-                            background: "linear-gradient(".concat(item.color, ", ").concat(item.color, ")"),
+                            background: `linear-gradient(${item.color}, ${item.color})`,
                             alignItems: 'center',
                             alignContent: 'center',
                         } }),
@@ -42,34 +42,33 @@ function PHXPieChart(props) {
                             fontSize: '14px',
                             marginRight: 4,
                             color: '#999',
-                        } }, item === null || item === void 0 ? void 0 : item.payload.name)))); }))));
+                        } }, 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;
+    const renderActiveShape = (props) => {
+        const { cx, cy, innerRadius, outerRadius, startAngle, endAngle, fill, payload, percent } = props;
         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("text", { x: cx, y: cy, dy: 12, textAnchor: 'middle', fill: fill }, `(${(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 && {
-                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;
-                    var radius = 25 + innerRadius + (outerRadius - innerRadius);
-                    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("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] })); })),
+            react_1.default.createElement(recharts_1.Pie, { activeIndex: activeIndex, activeShape: renderActiveShape, cx: '50%', cy: '50%', data: data, dataKey: dataKey !== null && dataKey !== void 0 ? dataKey : 'value', fill: '#8884d8', innerRadius: 130, ...(!hiddenLabel && {
+                    label: ({ cx, cy, index, innerRadius, midAngle, outerRadius, value }) => {
+                        var _a;
+                        const radius = 25 + innerRadius + (outerRadius - innerRadius);
+                        const x = cx + radius * Math.cos(-midAngle * RADIAN);
+                        const 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("text", { dominantBaseline: 'central', fill: '#8884d8', textAnchor: x > cx ? 'start' : 'end', x: x, y: y }, (_a = data[index]) === null || _a === void 0 ? void 0 :
+                            _a.name,
+                            " (",
+                            value,
+                            ")"));
+                    },
+                }), onMouseEnter: onPieEnter, outerRadius: outerRadius, cornerRadius: 5, paddingAngle: 1, labelLine: false, style: { outline: 'none' } }, data.map((_entry, index) => (react_1.default.createElement(recharts_1.Cell, { key: `cell-${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;