win-chart 3.0.2 → 3.0.3

package/dist/cjs/utils/getDualSpec.cjs

@@ -28,22 +28,12 @@ __webpack_require__.d(__webpack_exports__, {
     getDualOpt: ()=>getDualOpt
 });
 const external_tool_cjs_namespaceObject = require("./tool.cjs");
+const external_const_cjs_namespaceObject = require("./const.cjs");
 const getDualOpt = (winChartProps)=>{
     const barTypeList = (0, external_tool_cjs_namespaceObject.getDataTypes)(winChartProps);
     const lineTypeList = (0, external_tool_cjs_namespaceObject.getExtraDataTypes)(winChartProps);
     return {
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'cross',
-                crossStyle: {
-                    color: '#999'
-                },
-                label: {
-                    backgroundColor: '#999'
-                }
-            }
-        },
+        tooltip: external_const_cjs_namespaceObject.COMMON_TOOLTIP_OPT,
         legend: {
             bottom: 0,
             type: 'scroll'
@@ -105,18 +95,7 @@ const getStackDualOpt = (winChartProps)=>{
     const barTypeList = (0, external_tool_cjs_namespaceObject.getDataTypes)(winChartProps);
     const lineTypeList = (0, external_tool_cjs_namespaceObject.getExtraDataTypes)(winChartProps);
     return {
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'cross',
-                crossStyle: {
-                    color: '#999'
-                },
-                label: {
-                    backgroundColor: '#999'
-                }
-            }
-        },
+        tooltip: external_const_cjs_namespaceObject.COMMON_TOOLTIP_OPT,
         legend: {
             bottom: 0,
             type: 'scroll'

package/dist/cjs/utils/getFunnelSpec.cjs

@@ -27,6 +27,7 @@ __webpack_require__.d(__webpack_exports__, {
     getFunnelOpt: ()=>getFunnelOpt
 });
 const external_tool_cjs_namespaceObject = require("./tool.cjs");
+const external_const_cjs_namespaceObject = require("./const.cjs");
 const getFunnelOpt = (winChartProps)=>{
     const data = (0, external_tool_cjs_namespaceObject.dataDescOrder)(winChartProps.data)?.map((item)=>({
             value: item.value ?? 0,
@@ -42,9 +43,7 @@ const getFunnelOpt = (winChartProps)=>{
         data
     };
     return {
-        tooltip: {
-            trigger: 'item'
-        },
+        tooltip: external_const_cjs_namespaceObject.ITEM_TOOLTIP_OPT,
         legend: {
             bottom: 0,
             type: 'scroll'

package/dist/cjs/utils/getLineSpec.cjs

@@ -27,18 +27,11 @@ __webpack_require__.d(__webpack_exports__, {
     getLineOpt: ()=>getLineOpt
 });
 const external_tool_cjs_namespaceObject = require("./tool.cjs");
+const external_const_cjs_namespaceObject = require("./const.cjs");
 const getLineOpt = (winChartProps)=>{
     const typeList = (0, external_tool_cjs_namespaceObject.getDataTypes)(winChartProps);
     return {
-        tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-                type: 'cross',
-                label: {
-                    backgroundColor: '#999'
-                }
-            }
-        },
+        tooltip: external_const_cjs_namespaceObject.COMMON_TOOLTIP_OPT,
         legend: {
             bottom: 0,
             type: 'scroll'

package/dist/cjs/utils/getPieSpec.cjs

@@ -28,12 +28,11 @@ __webpack_require__.d(__webpack_exports__, {
     getPieOpt: ()=>getPieOpt
 });
 const external_tool_cjs_namespaceObject = require("./tool.cjs");
+const external_const_cjs_namespaceObject = require("./const.cjs");
 const getPieOpt = (winChartProps)=>{
     const total = (0, external_tool_cjs_namespaceObject.arraySum)(winChartProps.data?.map((item)=>item.value));
     return {
-        tooltip: {
-            trigger: 'item'
-        },
+        tooltip: external_const_cjs_namespaceObject.ITEM_TOOLTIP_OPT,
         legend: {
             bottom: 0,
             type: 'scroll'
@@ -68,9 +67,7 @@ const getPieOpt = (winChartProps)=>{
 const getPieCycleOpt = (winChartProps)=>{
     const total = (0, external_tool_cjs_namespaceObject.arraySum)(winChartProps.data?.map((item)=>item.value));
     return {
-        tooltip: {
-            trigger: 'item'
-        },
+        tooltip: external_const_cjs_namespaceObject.ITEM_TOOLTIP_OPT,
         legend: {
             bottom: 0,
             type: 'scroll'

package/dist/cjs/utils/getRadarSpec.cjs

@@ -32,9 +32,7 @@ const external_tool_cjs_namespaceObject = require("./tool.cjs");
 const getRadarOpt = (winChartProps)=>{
     const typeList = (0, external_tool_cjs_namespaceObject.arrDeduplication)(winChartProps.data?.map((item)=>winChartProps.reserveValueWithLabelType ? item.label : item.type));
     return {
-        tooltip: {
-            trigger: 'item'
-        },
+        tooltip: external_const_cjs_namespaceObject.ITEM_TOOLTIP_OPT,
         legend: {
             bottom: 0,
             type: 'scroll'

package/dist/cjs/utils/tool.cjs

@@ -181,15 +181,18 @@ const mergeSeriesOption = (option, seriesOption)=>{
     return option;
 };
 const getLabelColor = (opt)=>'dark' === opt.theme ? 'rgba(255, 255, 255, 0.7)' : 'rgba(0, 0, 0, 0.7)';
-function aggregateStackData(data) {
+function aggregateStackData(data, labels) {
     const result = data.reduce((acc, item)=>{
         const { label, value } = item;
-        if (!acc[label]) acc[label] = 0;
+        if (void 0 === acc[label]) acc[label] = 0;
         if (value) acc[label] += Number(value);
         return acc;
     }, {});
-    const totals = Object.values(result).map((totalValue)=>parseFloat(totalValue.toFixed(2)));
-    return totals;
+    if (labels && labels.length > 0) return labels.map((label)=>{
+        const val = result[label] || 0;
+        return parseFloat(val.toFixed(2));
+    });
+    return Object.values(result).map((totalValue)=>parseFloat(totalValue.toFixed(2)));
 }
 exports.aggregateStackData = __webpack_exports__.aggregateStackData;
 exports.arrDeduplication = __webpack_exports__.arrDeduplication;

package/dist/esm/components/__tests__/Playground.test.js

@@ -0,0 +1,84 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { describe, it } from "vitest";
+import { render } from "@testing-library/react";
+import { WinChart } from "../WinChart.js";
+import { WinChartType } from "../../types/index.js";
+const mockData = [
+    {
+        label: 'Mon',
+        value: 120,
+        type: 'Series A'
+    },
+    {
+        label: 'Tue',
+        value: 200,
+        type: 'Series A'
+    },
+    {
+        label: 'Wed',
+        value: 150,
+        type: 'Series A'
+    },
+    {
+        label: 'Thu',
+        value: 80,
+        type: 'Series A'
+    },
+    {
+        label: 'Fri',
+        value: 70,
+        type: 'Series A'
+    },
+    {
+        label: 'Mon',
+        value: 130,
+        type: 'Series B'
+    },
+    {
+        label: 'Tue',
+        value: 180,
+        type: 'Series B'
+    },
+    {
+        label: 'Wed',
+        value: 160,
+        type: 'Series B'
+    },
+    {
+        label: 'Thu',
+        value: 90,
+        type: 'Series B'
+    },
+    {
+        label: 'Fri',
+        value: 60,
+        type: 'Series B'
+    }
+];
+describe('Playground', ()=>{
+    it('Development View', async ()=>{
+        render(/*#__PURE__*/ jsxs("div", {
+            style: {
+                height: '500px',
+                width: '800px',
+                border: '1px solid #ccc',
+                padding: '20px'
+            },
+            children: [
+                /*#__PURE__*/ jsx("h2", {
+                    children: "WinChart Playground"
+                }),
+                /*#__PURE__*/ jsx(WinChart, {
+                    chartType: WinChartType.LINE,
+                    data: mockData,
+                    extraOption: {
+                        title: {
+                            text: 'Development Chart'
+                        }
+                    }
+                })
+            ]
+        }));
+        await new Promise(()=>{});
+    }, 100000000);
+});

package/dist/esm/components/__tests__/WinChart.test.js

@@ -0,0 +1,106 @@
+import { jsx } from "react/jsx-runtime";
+import { describe, expect, it } from "vitest";
+import { render } from "@testing-library/react";
+import { WinChart } from "../WinChart.js";
+import { WinChartType } from "../../types/index.js";
+const mockData = [
+    {
+        label: 'Mon',
+        value: 12000,
+        type: 'Series A'
+    },
+    {
+        label: 'Tue',
+        value: 200,
+        type: 'Series A'
+    },
+    {
+        label: 'Wed',
+        value: 150,
+        type: 'Series A'
+    },
+    {
+        label: 'Thu',
+        value: 80,
+        type: 'Series A'
+    },
+    {
+        label: 'Fri',
+        value: 70,
+        type: 'Series A'
+    },
+    {
+        label: 'Mon',
+        value: 130,
+        type: 'Series B'
+    },
+    {
+        label: 'Tue',
+        value: 180,
+        type: 'Series B'
+    },
+    {
+        label: 'Wed',
+        value: 160,
+        type: 'Series B'
+    },
+    {
+        label: 'Thu',
+        value: 90,
+        type: 'Series B'
+    },
+    {
+        label: 'Fri',
+        value: 60,
+        type: 'Series B'
+    }
+];
+describe('WinChart', ()=>{
+    it('renders without crashing', ()=>{
+        render(/*#__PURE__*/ jsx("div", {
+            style: {
+                height: '400px',
+                width: '600px'
+            },
+            children: /*#__PURE__*/ jsx(WinChart, {
+                chartType: WinChartType.LINE,
+                data: mockData
+            })
+        }));
+    });
+    it('renders with title', ()=>{
+        const title = 'Test Chart';
+        render(/*#__PURE__*/ jsx("div", {
+            style: {
+                height: '400px',
+                width: '600px'
+            },
+            children: /*#__PURE__*/ jsx(WinChart, {
+                chartType: WinChartType.LINE,
+                data: mockData,
+                extraOption: {
+                    title: {
+                        text: title
+                    }
+                },
+                style: {
+                    height: 200
+                }
+            })
+        }));
+    });
+    it('renders canvas element', async ()=>{
+        const { container } = render(/*#__PURE__*/ jsx("div", {
+            style: {
+                height: '400px',
+                width: '600px'
+            },
+            children: /*#__PURE__*/ jsx(WinChart, {
+                chartType: WinChartType.LINE,
+                data: mockData
+            })
+        }));
+        const canvas = container.querySelector('canvas');
+        expect(canvas).toBeTruthy();
+    });
+});