@kala-ui/react 0.0.1-beta.1

package/dist/src/components/charts/chart.stories.js

@@ -0,0 +1,412 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AreaChart } from "./area-chart";
+import { BarChart as BarChartComponent } from "./bar-chart";
+import { Chart } from "./chart";
+import { DonutChart as DonutChartComponent, PieChart as PieChartComponent, } from "./donut-chart";
+import { LineChart as LineChartComponent } from "./line-chart";
+import { RadialBarChart as RadialBarChartComponent } from "./radial-bar-chart";
+const meta = {
+    title: "Data Display/Chart",
+    parameters: {
+        layout: "padded",
+        docs: {
+            description: {
+                component: "ApexCharts-based chart components for beautiful data visualization. Supports area, line, bar, donut, and radial charts with full customization.",
+            },
+        },
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+// Sample data for charts
+const months = [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec",
+];
+/**
+ * Bar Chart Component - Vertical bars for comparing categories
+ */
+export const BarChart = {
+    render: () => (_jsx("div", { className: "space-y-6", children: _jsx(BarChartComponent, { series: [
+                {
+                    name: "Revenue",
+                    data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43, 38],
+                },
+            ], categories: months, title: "Monthly Revenue", subtitle: "Sales data for 2024", height: 400, colors: ["#3b82f6"] }) })),
+};
+/**
+ * Stacked bar chart with multiple series
+ */
+export const StackedChart = {
+    render: () => {
+        const options = {
+            chart: {
+                type: "bar",
+                stacked: true,
+                toolbar: { show: false },
+                fontFamily: "inherit",
+            },
+            colors: ["#3b82f6", "#10b981", "#f59e0b"],
+            plotOptions: {
+                bar: {
+                    horizontal: false,
+                    columnWidth: "55%",
+                    borderRadius: 4,
+                },
+            },
+            dataLabels: {
+                enabled: false,
+            },
+            xaxis: {
+                categories: months,
+                labels: {
+                    style: {
+                        colors: "hsl(var(--muted-foreground))",
+                        fontSize: "12px",
+                    },
+                },
+            },
+            yaxis: {
+                title: {
+                    text: "Sales",
+                    style: {
+                        color: "hsl(var(--muted-foreground))",
+                    },
+                },
+                labels: {
+                    style: {
+                        colors: "hsl(var(--muted-foreground))",
+                    },
+                },
+            },
+            legend: {
+                position: "top",
+                horizontalAlign: "left",
+                labels: {
+                    colors: "hsl(var(--foreground))",
+                },
+            },
+            fill: {
+                opacity: 1,
+            },
+            grid: {
+                borderColor: "hsl(var(--border))",
+                strokeDashArray: 3,
+            },
+        };
+        const series = [
+            {
+                name: "Product A",
+                data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43, 35],
+            },
+            {
+                name: "Product B",
+                data: [13, 23, 20, 8, 13, 27, 33, 12, 15, 30, 25, 22],
+            },
+            {
+                name: "Product C",
+                data: [11, 17, 15, 15, 21, 14, 15, 13, 18, 25, 20, 18],
+            },
+        ];
+        return (_jsx("div", { className: "max-w-4xl", children: _jsx(Chart, { options: options, series: series, type: "bar", height: 350 }) }));
+    },
+};
+/**
+ * Line Chart Component - Clean lines for trends
+ */
+export const LineChart = {
+    render: () => (_jsx("div", { className: "space-y-6", children: _jsx(LineChartComponent, { series: [
+                {
+                    name: "Sales",
+                    data: [30, 40, 35, 50, 49, 60, 70, 91, 125, 100, 110, 130],
+                },
+                {
+                    name: "Orders",
+                    data: [20, 30, 25, 40, 39, 50, 60, 71, 95, 80, 90, 100],
+                },
+            ], categories: months, title: "Sales & Orders Trend", yAxisLabel: "Amount", height: 400, curve: "smooth", markers: true }) })),
+};
+/**
+ * Area chart with gradient fill
+ */
+export const AreaChartStory = {
+    name: "Area Chart",
+    render: () => {
+        const series = [
+            {
+                name: "Revenue",
+                data: [31, 40, 28, 51, 42, 109, 100, 120, 140, 155, 170, 180],
+                color: "#3b82f6",
+            },
+            {
+                name: "Profit",
+                data: [11, 32, 45, 32, 34, 52, 41, 55, 65, 75, 85, 95],
+                color: "#10b981",
+            },
+        ];
+        return (_jsx("div", { className: "max-w-4xl", children: _jsx(AreaChart, { series: series, categories: months, height: 350, yAxisLabel: "Amount ($k)", curve: "smooth" }) }));
+    },
+};
+/**
+ * Area chart with reference line for thresholds
+ */
+export const Thresholds = {
+    render: () => {
+        const series = [
+            {
+                name: "Usage",
+                data: [25, 35, 45, 55, 65, 75, 85, 95, 105, 115, 125, 135],
+                color: "#3b82f6",
+            },
+        ];
+        return (_jsx("div", { className: "max-w-4xl", children: _jsx(AreaChart, { series: series, categories: months, height: 350, yAxisLabel: "Usage", referenceLines: [
+                    {
+                        value: 100,
+                        label: "Limit: 100",
+                        color: "#ef4444",
+                    },
+                ] }) }));
+    },
+};
+/**
+ * Donut & Pie Chart Component - Proportional data visualization
+ */
+export const DonutChart = {
+    render: () => (_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsx(DonutChartComponent, { series: [44, 55, 13, 43, 22], labels: ["Desktop", "Mobile", "Tablet", "Smart TV", "Other"], title: "Traffic Source", height: 350, donut: true, donutSize: 70 }), _jsx(PieChartComponent, { series: [44, 55, 13, 43], labels: ["Product A", "Product B", "Product C", "Product D"], title: "Product Distribution", height: 350 })] })),
+};
+/**
+ * Radial Bar Chart Component - Progress and completion rates
+ */
+export const RadialChart = {
+    render: () => (_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsx(RadialBarChartComponent, { series: [76], labels: ["Progress"], title: "Project Completion", height: 300, colors: ["#10b981"] }), _jsx(RadialBarChartComponent, { series: [76, 67, 61, 90], labels: ["Q1", "Q2", "Q3", "Q4"], title: "Quarterly Goals", height: 300 })] })),
+};
+/**
+ * Multiple chart types in one view
+ */
+export const MixedCharts = {
+    name: "Mixed Charts",
+    render: () => {
+        return (_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6 max-w-6xl", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Bar Chart" }), _jsx(Chart, { options: {
+                                chart: {
+                                    type: "bar",
+                                    toolbar: { show: false },
+                                    fontFamily: "inherit",
+                                },
+                                colors: ["#3b82f6"],
+                                plotOptions: {
+                                    bar: { horizontal: false, columnWidth: "55%", borderRadius: 4 },
+                                },
+                                dataLabels: { enabled: false },
+                                xaxis: {
+                                    categories: ["Q1", "Q2", "Q3", "Q4"],
+                                    labels: { style: { colors: "hsl(var(--muted-foreground))" } },
+                                },
+                                yaxis: {
+                                    labels: { style: { colors: "hsl(var(--muted-foreground))" } },
+                                },
+                                grid: { borderColor: "hsl(var(--border))", strokeDashArray: 3 },
+                            }, series: [{ name: "Sales", data: [44, 55, 57, 56] }], type: "bar", height: 250 })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Line Chart" }), _jsx(Chart, { options: {
+                                chart: {
+                                    type: "line",
+                                    toolbar: { show: false },
+                                    fontFamily: "inherit",
+                                },
+                                colors: ["#10b981"],
+                                stroke: { width: 3, curve: "smooth" },
+                                dataLabels: { enabled: false },
+                                xaxis: {
+                                    categories: ["Q1", "Q2", "Q3", "Q4"],
+                                    labels: { style: { colors: "hsl(var(--muted-foreground))" } },
+                                },
+                                yaxis: {
+                                    labels: { style: { colors: "hsl(var(--muted-foreground))" } },
+                                },
+                                grid: { borderColor: "hsl(var(--border))", strokeDashArray: 3 },
+                                markers: { size: 0, hover: { size: 5 } },
+                            }, series: [{ name: "Growth", data: [28, 35, 42, 48] }], type: "line", height: 250 })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Donut Chart" }), _jsx(Chart, { options: {
+                                chart: { type: "donut", fontFamily: "inherit" },
+                                colors: ["#3b82f6", "#10b981", "#f59e0b"],
+                                labels: ["A", "B", "C"],
+                                legend: {
+                                    position: "bottom",
+                                    labels: { colors: "hsl(var(--foreground))" },
+                                },
+                                plotOptions: {
+                                    pie: {
+                                        donut: {
+                                            size: "65%",
+                                            labels: {
+                                                show: true,
+                                                total: {
+                                                    show: true,
+                                                    label: "Total",
+                                                    color: "hsl(var(--foreground))",
+                                                    formatter: () => "100",
+                                                },
+                                            },
+                                        },
+                                    },
+                                },
+                            }, series: [44, 35, 21], type: "donut", height: 250 })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Radial Bar" }), _jsx(Chart, { options: {
+                                chart: { type: "radialBar", fontFamily: "inherit" },
+                                colors: ["#8b5cf6"],
+                                plotOptions: {
+                                    radialBar: {
+                                        hollow: { size: "60%" },
+                                        dataLabels: {
+                                            show: true,
+                                            value: {
+                                                fontSize: "24px",
+                                                fontWeight: 700,
+                                                color: "hsl(var(--foreground))",
+                                                formatter: (val) => `${val}%`,
+                                            },
+                                        },
+                                    },
+                                },
+                                labels: ["Progress"],
+                            }, series: [75], type: "radialBar", height: 250 })] })] }));
+    },
+};
+/**
+ * Dark theme demonstration
+ */
+export const DarkTheme = {
+    parameters: {
+        backgrounds: { default: "dark" },
+    },
+    render: () => {
+        const series = [
+            {
+                name: "Revenue",
+                data: [31, 40, 28, 51, 42, 109, 100, 120, 140, 155, 170, 180],
+                color: "#3b82f6",
+            },
+        ];
+        return (_jsx("div", { className: "max-w-4xl dark", children: _jsx(AreaChart, { series: series, categories: months, height: 350, yAxisLabel: "Revenue ($k)", className: "bg-card border rounded-lg p-4", options: {
+                    chart: {
+                        background: "transparent",
+                    },
+                    xaxis: {
+                        labels: {
+                            style: {
+                                colors: "#9ca3af",
+                            },
+                        },
+                        axisBorder: {
+                            color: "#374151",
+                        },
+                        axisTicks: {
+                            color: "#374151",
+                        },
+                    },
+                    yaxis: {
+                        title: {
+                            text: "Revenue ($k)",
+                            style: {
+                                color: "#9ca3af",
+                            },
+                        },
+                        labels: {
+                            style: {
+                                colors: "#9ca3af",
+                            },
+                        },
+                    },
+                    grid: {
+                        borderColor: "#374151",
+                    },
+                    tooltip: {
+                        theme: "dark",
+                    },
+                    legend: {
+                        labels: {
+                            colors: "#f9fafb",
+                        },
+                    },
+                } }) }));
+    },
+};
+/**
+ * Small charts in cards - Dashboard style
+ * Inspired by Doar React dashboard components
+ */
+export const CardCharts = {
+    name: "Charts in Cards",
+    render: () => {
+        const lineOptions = {
+            chart: {
+                type: "line",
+                sparkline: { enabled: true },
+                fontFamily: "inherit",
+            },
+            colors: ["#3b82f6"],
+            stroke: { width: 2, curve: "smooth" },
+            tooltip: {
+                enabled: false,
+            },
+        };
+        const areaOptions = {
+            chart: {
+                type: "area",
+                sparkline: { enabled: true },
+                fontFamily: "inherit",
+            },
+            colors: ["#10b981"],
+            stroke: { width: 2, curve: "smooth" },
+            fill: {
+                type: "gradient",
+                gradient: {
+                    shadeIntensity: 1,
+                    opacityFrom: 0.4,
+                    opacityTo: 0.1,
+                },
+            },
+            tooltip: {
+                enabled: false,
+            },
+        };
+        const barOptions = {
+            chart: {
+                type: "bar",
+                sparkline: { enabled: true },
+                fontFamily: "inherit",
+            },
+            colors: ["#f59e0b"],
+            plotOptions: {
+                bar: {
+                    columnWidth: "60%",
+                },
+            },
+            tooltip: {
+                enabled: false,
+            },
+        };
+        return (_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 max-w-7xl", children: [_jsxs("div", { className: "rounded-lg border bg-card text-card-foreground p-6 theme-card", children: [_jsx("div", { className: "flex items-center justify-between mb-4", children: _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Total Revenue" }), _jsx("h3", { className: "text-2xl font-bold mt-1", children: "$54,239" }), _jsx("p", { className: "text-sm text-success mt-1", children: "+12.5%" })] }) }), _jsx(Chart, { options: lineOptions, series: [
+                                { name: "Revenue", data: [28, 35, 32, 42, 38, 45, 48, 52, 55] },
+                            ], type: "line", height: 80 })] }), _jsxs("div", { className: "rounded-lg border bg-card text-card-foreground p-6 theme-card", children: [_jsx("div", { className: "flex items-center justify-between mb-4", children: _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Total Orders" }), _jsx("h3", { className: "text-2xl font-bold mt-1", children: "3,847" }), _jsx("p", { className: "text-sm text-success mt-1", children: "+8.2%" })] }) }), _jsx(Chart, { options: areaOptions, series: [
+                                { name: "Orders", data: [15, 22, 18, 28, 25, 32, 30, 38, 35] },
+                            ], type: "area", height: 80 })] }), _jsxs("div", { className: "rounded-lg border bg-card text-card-foreground p-6 theme-card", children: [_jsx("div", { className: "flex items-center justify-between mb-4", children: _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "New Customers" }), _jsx("h3", { className: "text-2xl font-bold mt-1", children: "1,284" }), _jsx("p", { className: "text-sm text-destructive mt-1", children: "-3.1%" })] }) }), _jsx(Chart, { options: barOptions, series: [
+                                { name: "Customers", data: [42, 38, 45, 40, 48, 42, 50, 45, 52] },
+                            ], type: "bar", height: 80 })] }), _jsxs("div", { className: "rounded-lg border bg-card text-card-foreground p-6 theme-card", children: [_jsx("div", { className: "flex items-center justify-between mb-4", children: _jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Conversion Rate" }), _jsx("h3", { className: "text-2xl font-bold mt-1", children: "3.24%" }), _jsx("p", { className: "text-sm text-success mt-1", children: "+2.1%" })] }) }), _jsx(Chart, { options: {
+                                ...lineOptions,
+                                colors: ["#8b5cf6"],
+                            }, series: [
+                                {
+                                    name: "Rate",
+                                    data: [2.8, 3.1, 2.9, 3.3, 3.0, 3.4, 3.2, 3.5, 3.24],
+                                },
+                            ], type: "line", height: 80 })] })] }));
+    },
+};
+//# sourceMappingURL=chart.stories.js.map

package/dist/src/components/charts/chart.stories.js.map

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

package/dist/src/components/charts/chart.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=chart.test.d.ts.map

package/dist/src/components/charts/chart.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.test.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/chart.test.tsx"],"names":[],"mappings":""}

package/dist/src/components/charts/chart.test.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { Chart } from "./chart";
+// Mock react-apexcharts
+vi.mock("react-apexcharts", () => ({
+    default: ({ options, series, type, }) => (_jsxs("div", { "data-testid": "apex-chart", "data-type": type, children: [_jsx("div", { "data-testid": "chart-options", children: JSON.stringify(options) }), _jsx("div", { "data-testid": "chart-series", children: JSON.stringify(series) })] })),
+}));
+describe("Chart", () => {
+    const mockOptions = {
+        chart: {
+            id: "basic-chart",
+        },
+        xaxis: {
+            categories: ["Jan", "Feb", "Mar"],
+        },
+    };
+    const mockSeries = [
+        {
+            name: "series-1",
+            data: [30, 40, 45],
+        },
+    ];
+    it("should render chart component", () => {
+        render(_jsx(Chart, { options: mockOptions, series: mockSeries, type: "line" }));
+        expect(screen.getByTestId("apex-chart")).toBeInTheDocument();
+    });
+    it("should pass options to ApexChart", () => {
+        render(_jsx(Chart, { options: mockOptions, series: mockSeries, type: "line" }));
+        const optionsElement = screen.getByTestId("chart-options");
+        expect(optionsElement.textContent).toContain("basic-chart");
+    });
+    it("should pass series data to ApexChart", () => {
+        render(_jsx(Chart, { options: mockOptions, series: mockSeries, type: "line" }));
+        const seriesElement = screen.getByTestId("chart-series");
+        expect(seriesElement.textContent).toContain("series-1");
+        expect(seriesElement.textContent).toContain("30");
+    });
+    it("should pass chart type to ApexChart", () => {
+        render(_jsx(Chart, { options: mockOptions, series: mockSeries, type: "bar" }));
+        const chart = screen.getByTestId("apex-chart");
+        expect(chart).toHaveAttribute("data-type", "bar");
+    });
+    it("should apply default className with w-full", () => {
+        const { container } = render(_jsx(Chart, { options: mockOptions, series: mockSeries, type: "line" }));
+        const wrapper = container.firstChild;
+        expect(wrapper).toHaveClass("w-full");
+    });
+    it("should apply custom className", () => {
+        const { container } = render(_jsx(Chart, { className: "custom-chart-class", options: mockOptions, series: mockSeries, type: "line" }));
+        const wrapper = container.firstChild;
+        expect(wrapper).toHaveClass("custom-chart-class", "w-full");
+    });
+    it("should render with line chart type", () => {
+        render(_jsx(Chart, { options: mockOptions, series: mockSeries, type: "line" }));
+        expect(screen.getByTestId("apex-chart")).toHaveAttribute("data-type", "line");
+    });
+    it("should render with bar chart type", () => {
+        render(_jsx(Chart, { options: mockOptions, series: mockSeries, type: "bar" }));
+        expect(screen.getByTestId("apex-chart")).toHaveAttribute("data-type", "bar");
+    });
+    it("should render with area chart type", () => {
+        render(_jsx(Chart, { options: mockOptions, series: mockSeries, type: "area" }));
+        expect(screen.getByTestId("apex-chart")).toHaveAttribute("data-type", "area");
+    });
+    it("should render with pie chart type", () => {
+        render(_jsx(Chart, { options: mockOptions, series: [44, 55, 13], type: "pie" }));
+        expect(screen.getByTestId("apex-chart")).toHaveAttribute("data-type", "pie");
+    });
+    it("should handle height prop", () => {
+        render(_jsx(Chart, { options: mockOptions, series: mockSeries, type: "line", height: 350 }));
+        expect(screen.getByTestId("apex-chart")).toBeInTheDocument();
+    });
+    it("should handle width prop", () => {
+        render(_jsx(Chart, { options: mockOptions, series: mockSeries, type: "line", width: "100%" }));
+        expect(screen.getByTestId("apex-chart")).toBeInTheDocument();
+    });
+    it("should pass all additional props to ReactApexChart", () => {
+        render(_jsx(Chart, { options: mockOptions, series: mockSeries, type: "line", height: 300, width: "500" }));
+        expect(screen.getByTestId("apex-chart")).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=chart.test.js.map

package/dist/src/components/charts/chart.test.js.map

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