@enact-ui/charts 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/activity-gauges.demo.d.ts +15 -0
- package/dist/components/activity-gauges.demo.d.ts.map +1 -0
- package/dist/components/activity-gauges.demo.js +74 -0
- package/dist/components/activity-gauges.demo.js.map +1 -0
- package/dist/components/activity-gauges.story.d.ts +23 -0
- package/dist/components/activity-gauges.story.d.ts.map +1 -0
- package/dist/components/activity-gauges.story.js +17 -0
- package/dist/components/activity-gauges.story.js.map +1 -0
- package/dist/components/bar-charts.demo.d.ts +4 -0
- package/dist/components/bar-charts.demo.d.ts.map +1 -0
- package/dist/components/bar-charts.demo.js +263 -0
- package/dist/components/bar-charts.demo.js.map +1 -0
- package/dist/components/bar-charts.story.d.ts +19 -0
- package/dist/components/bar-charts.story.d.ts.map +1 -0
- package/dist/components/bar-charts.story.js +15 -0
- package/dist/components/bar-charts.story.js.map +1 -0
- package/dist/components/charts-base.d.ts +38 -0
- package/dist/components/charts-base.d.ts.map +1 -0
- package/dist/components/charts-base.js +68 -0
- package/dist/components/charts-base.js.map +1 -0
- package/dist/components/line-charts.demo.d.ts +5 -0
- package/dist/components/line-charts.demo.d.ts.map +1 -0
- package/dist/components/line-charts.demo.js +169 -0
- package/dist/components/line-charts.demo.js.map +1 -0
- package/dist/components/line-charts.story.d.ts +23 -0
- package/dist/components/line-charts.story.d.ts.map +1 -0
- package/dist/components/line-charts.story.js +17 -0
- package/dist/components/line-charts.story.js.map +1 -0
- package/dist/components/pie-charts.demo.d.ts +14 -0
- package/dist/components/pie-charts.demo.d.ts.map +1 -0
- package/dist/components/pie-charts.demo.js +75 -0
- package/dist/components/pie-charts.demo.js.map +1 -0
- package/dist/components/pie-charts.story.d.ts +27 -0
- package/dist/components/pie-charts.story.d.ts.map +1 -0
- package/dist/components/pie-charts.story.js +19 -0
- package/dist/components/pie-charts.story.js.map +1 -0
- package/dist/components/progress-circles.demo.d.ts +14 -0
- package/dist/components/progress-circles.demo.d.ts.map +1 -0
- package/dist/components/progress-circles.demo.js +63 -0
- package/dist/components/progress-circles.demo.js.map +1 -0
- package/dist/components/progress-circles.story.d.ts +39 -0
- package/dist/components/progress-circles.story.d.ts.map +1 -0
- package/dist/components/progress-circles.story.js +25 -0
- package/dist/components/progress-circles.story.js.map +1 -0
- package/dist/components/radar-charts.demo.d.ts +14 -0
- package/dist/components/radar-charts.demo.d.ts.map +1 -0
- package/dist/components/radar-charts.demo.js +94 -0
- package/dist/components/radar-charts.demo.js.map +1 -0
- package/dist/components/radar-charts.story.d.ts +11 -0
- package/dist/components/radar-charts.story.d.ts.map +1 -0
- package/dist/components/radar-charts.story.js +11 -0
- package/dist/components/radar-charts.story.js.map +1 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +97 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +67 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +61 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
interface ActivityGaugeProps {
|
|
2
|
+
title?: string;
|
|
3
|
+
subtitle?: string;
|
|
4
|
+
data?: {
|
|
5
|
+
name: string;
|
|
6
|
+
value: number;
|
|
7
|
+
className?: string;
|
|
8
|
+
}[];
|
|
9
|
+
}
|
|
10
|
+
export declare const ActivityGaugeXs: ({ title, subtitle, data }: ActivityGaugeProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare const ActivityGaugeSm: ({ title, subtitle, data }: ActivityGaugeProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const ActivityGaugeMd: ({ title, subtitle, data }: ActivityGaugeProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare const ActivityGaugeLg: ({ title, subtitle, data }: ActivityGaugeProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=activity-gauges.demo.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"activity-gauges.demo.d.ts","sourceRoot":"","sources":["../../src/components/activity-gauges.demo.tsx"],"names":[],"mappings":"AA2BA,UAAU,kBAAkB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE;QACH,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;KACtB,EAAE,CAAC;CACP;AAED,eAAO,MAAM,eAAe,GAAI,2BAAmE,kBAAkB,4CAoDpH,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,2BAAmE,kBAAkB,4CAoDpH,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,2BAAmE,kBAAkB,4CAoDpH,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,2BAAmE,kBAAkB,4CAoDpH,CAAC"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
// Copyright (c) 2025 Amsterdam Data Labs
|
|
2
|
+
"use client";
|
|
3
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
+
import { cx } from "@enact-ui/react";
|
|
5
|
+
import { Legend, PolarAngleAxis, RadialBar, RadialBarChart, ResponsiveContainer, Tooltip } from "recharts";
|
|
6
|
+
import { ChartLegendContent, ChartTooltipContent } from "./charts-base";
|
|
7
|
+
const radialData = [
|
|
8
|
+
// collapse-start
|
|
9
|
+
{
|
|
10
|
+
name: "Series 3",
|
|
11
|
+
value: 660,
|
|
12
|
+
className: "text-brand-subtle",
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
name: "Series 2",
|
|
16
|
+
value: 774,
|
|
17
|
+
className: "text-brand-medium",
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
name: "Series 1",
|
|
21
|
+
value: 866,
|
|
22
|
+
className: "text-brand-dark",
|
|
23
|
+
},
|
|
24
|
+
// collapse-end
|
|
25
|
+
];
|
|
26
|
+
export const ActivityGaugeXs = ({ title = "1,000", subtitle = "Active users", data = radialData }) => {
|
|
27
|
+
return (_jsx(ResponsiveContainer, { height: 220, children: _jsxs(RadialBarChart, { data: data, accessibilityLayer: true, innerRadius: 52, outerRadius: 86,
|
|
28
|
+
// This is needed to start the chart at the top and go clockwise
|
|
29
|
+
startAngle: 90, endAngle: 360 + 90, className: "text-muted font-medium [&_.recharts-polar-grid]:text-gray-subtle [&_.recharts-text]:text-sm", margin: {
|
|
30
|
+
left: 0,
|
|
31
|
+
right: 0,
|
|
32
|
+
top: 0,
|
|
33
|
+
bottom: 0,
|
|
34
|
+
}, children: [_jsx(PolarAngleAxis, { tick: false, domain: [0, 1000], type: "number", reversed: true }), _jsx(Legend, { verticalAlign: "bottom", align: "center", layout: "horizontal", content: _jsx(ChartLegendContent, {}) }), _jsx(Tooltip, { content: _jsx(ChartTooltipContent, { isRadialChart: true }) }), _jsx(RadialBar, { isAnimationActive: false, dataKey: "value", cornerRadius: 99, fill: "currentColor", background: {
|
|
35
|
+
className: "fill-gray-light",
|
|
36
|
+
} }), (title || subtitle) && (_jsxs("text", { x: "50%", y: "50%", textAnchor: "middle", dominantBaseline: "middle", children: [subtitle && (_jsx("tspan", { x: "50%", dy: title ? "-1.175em" : "1%", className: cx("text-muted fill-current", "text-xs font-medium"), children: subtitle })), title && (_jsx("tspan", { x: "50%", dy: subtitle ? "1.25em" : "1%", className: cx("text-heading fill-current", "text-xl font-semibold"), children: title }))] }))] }) }));
|
|
37
|
+
};
|
|
38
|
+
export const ActivityGaugeSm = ({ title = "1,000", subtitle = "Active users", data = radialData }) => {
|
|
39
|
+
return (_jsx(ResponsiveContainer, { height: 268, children: _jsxs(RadialBarChart, { data: data, accessibilityLayer: true, innerRadius: 61, outerRadius: 110,
|
|
40
|
+
// This is needed to start the chart at the top and go clockwise
|
|
41
|
+
startAngle: 90, endAngle: 360 + 90, className: "text-muted font-medium [&_.recharts-polar-grid]:text-gray-subtle [&_.recharts-text]:text-sm", margin: {
|
|
42
|
+
left: 0,
|
|
43
|
+
right: 0,
|
|
44
|
+
top: 0,
|
|
45
|
+
bottom: 0,
|
|
46
|
+
}, children: [_jsx(PolarAngleAxis, { tick: false, domain: [0, 1000], type: "number", reversed: true }), _jsx(Legend, { verticalAlign: "bottom", align: "center", layout: "horizontal", content: _jsx(ChartLegendContent, {}) }), _jsx(Tooltip, { content: _jsx(ChartTooltipContent, { isRadialChart: true }) }), _jsx(RadialBar, { isAnimationActive: false, dataKey: "value", cornerRadius: 99, fill: "currentColor", background: {
|
|
47
|
+
className: "fill-gray-light",
|
|
48
|
+
} }), (title || subtitle) && (_jsxs("text", { x: "50%", y: "50%", textAnchor: "middle", dominantBaseline: "middle", children: [subtitle && (_jsx("tspan", { x: "50%", dy: title ? "-1.35em" : "1%", className: cx("text-muted fill-current", "text-xs font-medium"), children: subtitle })), title && (_jsx("tspan", { x: "50%", dy: subtitle ? "1.15em" : "1%", className: cx("text-heading fill-current", "text-display-xs font-semibold"), children: title }))] }))] }) }));
|
|
49
|
+
};
|
|
50
|
+
export const ActivityGaugeMd = ({ title = "1,000", subtitle = "Active users", data = radialData }) => {
|
|
51
|
+
return (_jsx(ResponsiveContainer, { height: 312, children: _jsxs(RadialBarChart, { data: data, accessibilityLayer: true, innerRadius: 74, outerRadius: 132,
|
|
52
|
+
// This is needed to start the chart at the top and go clockwise
|
|
53
|
+
startAngle: 90, endAngle: 360 + 90, className: "text-muted font-medium [&_.recharts-polar-grid]:text-gray-subtle [&_.recharts-text]:text-sm", margin: {
|
|
54
|
+
left: 0,
|
|
55
|
+
right: 0,
|
|
56
|
+
top: 0,
|
|
57
|
+
bottom: 0,
|
|
58
|
+
}, children: [_jsx(PolarAngleAxis, { tick: false, domain: [0, 1000], type: "number", reversed: true }), _jsx(Legend, { verticalAlign: "bottom", align: "center", layout: "horizontal", content: _jsx(ChartLegendContent, {}) }), _jsx(Tooltip, { content: _jsx(ChartTooltipContent, { isRadialChart: true }) }), _jsx(RadialBar, { isAnimationActive: false, dataKey: "value", cornerRadius: 99, fill: "currentColor", background: {
|
|
59
|
+
className: "fill-gray-light",
|
|
60
|
+
} }), (title || subtitle) && (_jsxs("text", { x: "50%", y: "50%", textAnchor: "middle", dominantBaseline: "middle", children: [subtitle && (_jsx("tspan", { x: "50%", dy: title ? "-1.45em" : "1%", className: cx("text-muted fill-current", "text-sm font-medium"), children: subtitle })), title && (_jsx("tspan", { x: "50%", dy: subtitle ? "1.075em" : "1%", className: cx("text-heading fill-current", "text-display-sm font-semibold"), children: title }))] }))] }) }));
|
|
61
|
+
};
|
|
62
|
+
export const ActivityGaugeLg = ({ title = "1,000", subtitle = "Active users", data = radialData }) => {
|
|
63
|
+
return (_jsx(ResponsiveContainer, { height: 356, children: _jsxs(RadialBarChart, { data: data, accessibilityLayer: true, innerRadius: 84, outerRadius: 154,
|
|
64
|
+
// This is needed to start the chart at the top and go clockwise
|
|
65
|
+
startAngle: 90, endAngle: 360 + 90, className: "text-muted font-medium [&_.recharts-polar-grid]:text-gray-subtle [&_.recharts-text]:text-sm", margin: {
|
|
66
|
+
left: 0,
|
|
67
|
+
right: 0,
|
|
68
|
+
top: 0,
|
|
69
|
+
bottom: 0,
|
|
70
|
+
}, children: [_jsx(PolarAngleAxis, { tick: false, domain: [0, 1000], type: "number", reversed: true }), _jsx(Legend, { verticalAlign: "bottom", align: "center", layout: "horizontal", content: _jsx(ChartLegendContent, {}) }), _jsx(Tooltip, { content: _jsx(ChartTooltipContent, { isRadialChart: true }) }), _jsx(RadialBar, { isAnimationActive: false, dataKey: "value", cornerRadius: 99, fill: "currentColor", background: {
|
|
71
|
+
className: "fill-gray-light",
|
|
72
|
+
} }), (title || subtitle) && (_jsxs("text", { x: "50%", y: "50%", textAnchor: "middle", dominantBaseline: "middle", children: [subtitle && (_jsx("tspan", { x: "50%", dy: title ? "-1.4em" : "1%", className: cx("text-muted fill-current", "text-sm font-medium"), children: subtitle })), title && (_jsx("tspan", { x: "50%", dy: subtitle ? "1em" : "1%", className: cx("text-heading fill-current", "text-display-md font-semibold"), children: title }))] }))] }) }));
|
|
73
|
+
};
|
|
74
|
+
//# sourceMappingURL=activity-gauges.demo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"activity-gauges.demo.js","sourceRoot":"","sources":["../../src/components/activity-gauges.demo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
decorators: ((Story: FC) => import("react/jsx-runtime").JSX.Element)[];
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const ActivityGaugeXs: {
|
|
8
|
+
(): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
storyName: string;
|
|
10
|
+
};
|
|
11
|
+
export declare const ActivityGaugeSm: {
|
|
12
|
+
(): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
storyName: string;
|
|
14
|
+
};
|
|
15
|
+
export declare const ActivityGaugeMd: {
|
|
16
|
+
(): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
storyName: string;
|
|
18
|
+
};
|
|
19
|
+
export declare const ActivityGaugeLg: {
|
|
20
|
+
(): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
storyName: string;
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=activity-gauges.story.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"activity-gauges.story.d.ts","sourceRoot":"","sources":["../../src/components/activity-gauges.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;;;yBAMhB,EAAE;;AAHlB,wBAWE;AAEF,eAAO,MAAM,eAAe;;;CAAmC,CAAC;AAGhE,eAAO,MAAM,eAAe;;;CAAmC,CAAC;AAGhE,eAAO,MAAM,eAAe;;;CAAmC,CAAC;AAGhE,eAAO,MAAM,eAAe;;;CAAmC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as Charts from "./activity-gauges.demo";
|
|
3
|
+
export default {
|
|
4
|
+
title: "Application/Charts",
|
|
5
|
+
decorators: [
|
|
6
|
+
(Story) => (_jsx("div", { className: "bg-base flex min-h-screen items-center justify-center py-8", children: _jsx("div", { className: "flex w-full items-center justify-center", children: _jsx(Story, {}) }) })),
|
|
7
|
+
],
|
|
8
|
+
};
|
|
9
|
+
export const ActivityGaugeXs = () => _jsx(Charts.ActivityGaugeXs, {});
|
|
10
|
+
ActivityGaugeXs.storyName = "Activity gauge xs";
|
|
11
|
+
export const ActivityGaugeSm = () => _jsx(Charts.ActivityGaugeSm, {});
|
|
12
|
+
ActivityGaugeSm.storyName = "Activity gauge sm";
|
|
13
|
+
export const ActivityGaugeMd = () => _jsx(Charts.ActivityGaugeMd, {});
|
|
14
|
+
ActivityGaugeMd.storyName = "Activity gauge md";
|
|
15
|
+
export const ActivityGaugeLg = () => _jsx(Charts.ActivityGaugeLg, {});
|
|
16
|
+
ActivityGaugeLg.storyName = "Activity gauge lg";
|
|
17
|
+
//# sourceMappingURL=activity-gauges.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"activity-gauges.story.js","sourceRoot":"","sources":["../../src/components/activity-gauges.story.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAEjD,eAAe;IACX,KAAK,EAAE,oBAAoB;IAC3B,UAAU,EAAE;QACR,CAAC,KAAS,EAAE,EAAE,CAAC,CACX,cAAK,SAAS,EAAC,4DAA4D,YACvE,cAAK,SAAS,EAAC,yCAAyC,YACpD,KAAC,KAAK,KAAG,GACP,GACJ,CACT;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,KAAC,MAAM,CAAC,eAAe,KAAG,CAAC;AAChE,eAAe,CAAC,SAAS,GAAG,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,KAAC,MAAM,CAAC,eAAe,KAAG,CAAC;AAChE,eAAe,CAAC,SAAS,GAAG,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,KAAC,MAAM,CAAC,eAAe,KAAG,CAAC;AAChE,eAAe,CAAC,SAAS,GAAG,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,KAAC,MAAM,CAAC,eAAe,KAAG,CAAC;AAChE,eAAe,CAAC,SAAS,GAAG,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const BarChart: () => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const BarChart02: () => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const BarChart03: () => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
//# sourceMappingURL=bar-charts.demo.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bar-charts.demo.d.ts","sourceRoot":"","sources":["../../src/components/bar-charts.demo.tsx"],"names":[],"mappings":"AAoFA,eAAO,MAAM,QAAQ,+CAsGpB,CAAC;AAEF,eAAO,MAAM,UAAU,+CA8JtB,CAAC;AAEF,eAAO,MAAM,UAAU,+CA8JtB,CAAC"}
|
|
@@ -0,0 +1,263 @@
|
|
|
1
|
+
// Copyright (c) 2025 Amsterdam Data Labs
|
|
2
|
+
"use client";
|
|
3
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
+
import { useBreakpoint } from "@enact-ui/react";
|
|
5
|
+
import { Bar, CartesianGrid, ComposedChart, Label, Legend, Line, BarChart as RechartsBarChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
|
|
6
|
+
import { ChartLegendContent, ChartTooltipContent, selectEvenlySpacedItems } from "./charts-base";
|
|
7
|
+
const barData = [
|
|
8
|
+
// collapse-start
|
|
9
|
+
{
|
|
10
|
+
month: new Date(2025, 0, 1),
|
|
11
|
+
A: 300,
|
|
12
|
+
B: 200,
|
|
13
|
+
C: 350,
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
month: new Date(2025, 1, 1),
|
|
17
|
+
A: 320,
|
|
18
|
+
B: 300,
|
|
19
|
+
C: 300,
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
month: new Date(2025, 2, 1),
|
|
23
|
+
A: 300,
|
|
24
|
+
B: 200,
|
|
25
|
+
C: 240,
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
month: new Date(2025, 3, 1),
|
|
29
|
+
A: 240,
|
|
30
|
+
B: 300,
|
|
31
|
+
C: 280,
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
month: new Date(2025, 4, 1),
|
|
35
|
+
A: 320,
|
|
36
|
+
B: 280,
|
|
37
|
+
C: 100,
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
month: new Date(2025, 5, 1),
|
|
41
|
+
A: 330,
|
|
42
|
+
B: 300,
|
|
43
|
+
C: 130,
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
month: new Date(2025, 6, 1),
|
|
47
|
+
A: 300,
|
|
48
|
+
B: 200,
|
|
49
|
+
C: 100,
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
month: new Date(2025, 7, 1),
|
|
53
|
+
A: 350,
|
|
54
|
+
B: 300,
|
|
55
|
+
C: 200,
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
month: new Date(2025, 8, 1),
|
|
59
|
+
A: 300,
|
|
60
|
+
B: 200,
|
|
61
|
+
C: 100,
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
month: new Date(2025, 9, 1),
|
|
65
|
+
A: 200,
|
|
66
|
+
B: 300,
|
|
67
|
+
C: 280,
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
month: new Date(2025, 10, 1),
|
|
71
|
+
A: 240,
|
|
72
|
+
B: 300,
|
|
73
|
+
C: 300,
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
month: new Date(2025, 11, 1),
|
|
77
|
+
A: 200,
|
|
78
|
+
B: 400,
|
|
79
|
+
C: 350,
|
|
80
|
+
},
|
|
81
|
+
// collapse-end
|
|
82
|
+
];
|
|
83
|
+
export const BarChart = () => {
|
|
84
|
+
const isDesktop = useBreakpoint("lg");
|
|
85
|
+
const colors = {
|
|
86
|
+
A: "text-brand-dark",
|
|
87
|
+
B: "text-brand-medium",
|
|
88
|
+
C: "text-gray-subtle",
|
|
89
|
+
};
|
|
90
|
+
return (_jsx(ResponsiveContainer, { className: "h-60!", children: _jsxs(RechartsBarChart, { data: barData, className: "text-muted [&_.recharts-text]:text-xs", margin: {
|
|
91
|
+
left: 4,
|
|
92
|
+
right: 0,
|
|
93
|
+
top: isDesktop ? 12 : 6,
|
|
94
|
+
bottom: 18,
|
|
95
|
+
}, children: [_jsx(CartesianGrid, { vertical: false, stroke: "currentColor", className: "text-gray-subtle" }), _jsx(Legend, { verticalAlign: "top", align: "right", layout: isDesktop ? "vertical" : "horizontal", content: _jsx(ChartLegendContent, { className: "-translate-y-2" }) }), _jsx(XAxis, { fill: "currentColor", axisLine: false, tickLine: false, tickMargin: 11, interval: "preserveStartEnd", dataKey: "month", tickFormatter: (value) => value.toLocaleDateString(undefined, { month: "short" }), children: _jsx(Label, { value: "Month", fill: "currentColor", className: "!text-xs font-medium", position: "bottom" }) }), _jsx(YAxis, { fill: "currentColor", axisLine: false, tickLine: false, interval: "preserveStartEnd", tickFormatter: (value) => Number(value).toLocaleString(), children: _jsx(Label, { value: "Active users", fill: "currentColor", className: "!text-xs font-medium", style: { textAnchor: "middle" }, angle: -90, position: "insideLeft" }) }), _jsx(Tooltip, { content: _jsx(ChartTooltipContent, {}), formatter: (value) => Number(value).toLocaleString(), labelFormatter: (value) => value.toLocaleDateString(undefined, { month: "short", year: "numeric" }), cursor: {
|
|
96
|
+
className: "fill-gray-light_hover/20",
|
|
97
|
+
} }), _jsx(Bar, { isAnimationActive: false, ...(colors.A !== undefined && { className: colors.A }), dataKey: "A", name: "Series 1", type: "monotone", stackId: "a", fill: "currentColor", maxBarSize: isDesktop ? 32 : 16 }), _jsx(Bar, { isAnimationActive: false, ...(colors.B !== undefined && { className: colors.B }), dataKey: "B", name: "Series 2", type: "monotone", stackId: "a", fill: "currentColor", maxBarSize: isDesktop ? 32 : 16 }), _jsx(Bar, { isAnimationActive: false, ...(colors.C !== undefined && { className: colors.C }), dataKey: "C", name: "Series 3", type: "monotone", stackId: "a", fill: "currentColor", maxBarSize: isDesktop ? 32 : 16, radius: [6, 6, 0, 0] })] }) }));
|
|
98
|
+
};
|
|
99
|
+
export const BarChart02 = () => {
|
|
100
|
+
const colors = {
|
|
101
|
+
A: "text-brand-medium",
|
|
102
|
+
B: "text-brand-subtle",
|
|
103
|
+
};
|
|
104
|
+
const data = [
|
|
105
|
+
// collapse-start
|
|
106
|
+
{ A: 633, B: 190, date: "2025-01-01" },
|
|
107
|
+
{ A: 443, B: 228, date: "2025-01-08" },
|
|
108
|
+
{ A: 506, B: 225, date: "2025-01-15" },
|
|
109
|
+
{ A: 316, B: 227, date: "2025-01-22" },
|
|
110
|
+
{ A: 760, B: 209, date: "2025-01-29" },
|
|
111
|
+
{ A: 950, B: 220, date: "2025-02-05" },
|
|
112
|
+
{ A: 760, B: 224, date: "2025-02-12" },
|
|
113
|
+
{ A: 570, B: 279, date: "2025-02-19" },
|
|
114
|
+
{ A: 253, B: 296, date: "2025-02-26" },
|
|
115
|
+
{ A: 380, B: 263, date: "2025-03-05" },
|
|
116
|
+
{ A: 443, B: 333, date: "2025-03-12" },
|
|
117
|
+
{ A: 443, B: 306, date: "2025-03-19" },
|
|
118
|
+
{ A: 316, B: 315, date: "2025-03-26" },
|
|
119
|
+
{ A: 190, B: 325, date: "2025-04-02" },
|
|
120
|
+
{ A: 380, B: 367, date: "2025-04-09" },
|
|
121
|
+
{ A: 506, B: 372, date: "2025-04-16" },
|
|
122
|
+
{ A: 443, B: 374, date: "2025-04-23" },
|
|
123
|
+
{ A: 696, B: 278, date: "2025-04-30" },
|
|
124
|
+
{ A: 950, B: 258, date: "2025-05-07" },
|
|
125
|
+
{ A: 633, B: 357, date: "2025-05-14" },
|
|
126
|
+
{ A: 570, B: 372, date: "2025-05-21" },
|
|
127
|
+
{ A: 253, B: 404, date: "2025-05-28" },
|
|
128
|
+
{ A: 316, B: 314, date: "2025-06-04" },
|
|
129
|
+
{ A: 380, B: 359, date: "2025-06-11" },
|
|
130
|
+
{ A: 253, B: 400, date: "2025-06-18" },
|
|
131
|
+
{ A: 190, B: 381, date: "2025-06-25" },
|
|
132
|
+
{ A: 316, B: 427, date: "2025-07-02" },
|
|
133
|
+
{ A: 633, B: 371, date: "2025-07-09" },
|
|
134
|
+
{ A: 570, B: 382, date: "2025-07-16" },
|
|
135
|
+
{ A: 760, B: 383, date: "2025-07-23" },
|
|
136
|
+
{ A: 950, B: 361, date: "2025-07-30" },
|
|
137
|
+
{ A: 696, B: 405, date: "2025-08-06" },
|
|
138
|
+
{ A: 570, B: 400, date: "2025-08-13" },
|
|
139
|
+
{ A: 443, B: 391, date: "2025-08-20" },
|
|
140
|
+
{ A: 316, B: 425, date: "2025-08-27" },
|
|
141
|
+
{ A: 253, B: 406, date: "2025-09-03" },
|
|
142
|
+
{ A: 380, B: 472, date: "2025-09-10" },
|
|
143
|
+
{ A: 633, B: 477, date: "2025-09-17" },
|
|
144
|
+
{ A: 570, B: 465, date: "2025-09-24" },
|
|
145
|
+
{ A: 443, B: 488, date: "2025-10-01" },
|
|
146
|
+
{ A: 380, B: 501, date: "2025-10-08" },
|
|
147
|
+
{ A: 316, B: 615, date: "2025-10-15" },
|
|
148
|
+
{ A: 570, B: 612, date: "2025-10-22" },
|
|
149
|
+
{ A: 506, B: 673, date: "2025-10-29" },
|
|
150
|
+
{ A: 443, B: 630, date: "2025-11-05" },
|
|
151
|
+
{ A: 760, B: 630, date: "2025-11-12" },
|
|
152
|
+
{ A: 443, B: 597, date: "2025-11-19" },
|
|
153
|
+
{ A: 506, B: 572, date: "2025-11-26" },
|
|
154
|
+
{ A: 316, B: 636, date: "2025-12-03" },
|
|
155
|
+
{ A: 633, B: 664, date: "2025-12-10" },
|
|
156
|
+
{ A: 380, B: 742, date: "2025-12-17" },
|
|
157
|
+
{ A: 633, B: 808, date: "2025-12-24" },
|
|
158
|
+
// collapse-end
|
|
159
|
+
];
|
|
160
|
+
return (_jsx("div", { className: "flex h-60 flex-col gap-2", children: _jsx(ResponsiveContainer, { className: "h-full", children: _jsxs(ComposedChart, { data: data, margin: {
|
|
161
|
+
left: 4,
|
|
162
|
+
right: 0,
|
|
163
|
+
top: 12,
|
|
164
|
+
bottom: 18,
|
|
165
|
+
}, className: "text-muted [&_.recharts-text]:text-xs", children: [_jsx(CartesianGrid, { vertical: false, stroke: "currentColor", className: "text-gray-subtle" }), _jsx(XAxis, { fill: "currentColor", axisLine: false, tickLine: false, tickMargin: 12, interval: "preserveStartEnd", dataKey: "date", tickFormatter: (value) => new Date(value).toLocaleDateString(undefined, { month: "short" }), ticks: selectEvenlySpacedItems(data, 12).map((item) => item.date), children: _jsx(Label, { value: "Month", fill: "currentColor", className: "!text-xs font-medium", position: "bottom" }) }), _jsx(YAxis, { fill: "currentColor", axisLine: false, tickLine: false, interval: "preserveStartEnd", tickFormatter: (value) => Number(value).toLocaleString(), children: _jsx(Label, { value: "Active users", fill: "currentColor", className: "!text-xs font-medium", style: { textAnchor: "middle" }, angle: -90, position: "insideLeft" }) }), _jsx(Tooltip, { content: _jsx(ChartTooltipContent, {}), formatter: (value) => Number(value).toLocaleString(),
|
|
166
|
+
// Custom label formatter to show the week range
|
|
167
|
+
labelFormatter: (value) => {
|
|
168
|
+
const date = new Date(value);
|
|
169
|
+
const endDate = new Date(date);
|
|
170
|
+
endDate.setDate(date.getDate() + 6); // Set end date to 7 days after start date
|
|
171
|
+
// If the start and end dates are in the same month, shorten the label (Jun 1-7, 2025)
|
|
172
|
+
if (date.getMonth() === endDate.getMonth()) {
|
|
173
|
+
return `${date.toLocaleDateString(undefined, { month: "long" })} ${date.getDate()}-${endDate.getDate()}, ${endDate.getFullYear()}`;
|
|
174
|
+
}
|
|
175
|
+
// Otherwise, show the full month range (May 30 - Jun 5, 2025)
|
|
176
|
+
return `${date.toLocaleDateString(undefined, { month: "short", day: "numeric" })} - ${endDate.toLocaleDateString(undefined, { month: "short", day: "numeric", year: "numeric" })}`;
|
|
177
|
+
}, cursor: {
|
|
178
|
+
className: "fill-gray-light_hover/20",
|
|
179
|
+
} }), _jsx(Bar, { isAnimationActive: false, ...(colors.A !== undefined && { className: colors.A }), name: "Mobile", dataKey: "A", type: "monotone", stackId: "a", fill: "currentColor", maxBarSize: 12, radius: [4, 4, 0, 0] }), _jsx(Line, { isAnimationActive: false, ...(colors.B !== undefined && { className: colors.B }), dataKey: "B", name: "Desktop", type: "monotone", stroke: "currentColor", strokeWidth: 2, strokeDasharray: "0.1 8", strokeLinecap: "round", activeDot: false, dot: false })] }) }) }));
|
|
180
|
+
};
|
|
181
|
+
export const BarChart03 = () => {
|
|
182
|
+
const colors = {
|
|
183
|
+
A: "text-brand-medium",
|
|
184
|
+
B: "text-brand-subtle",
|
|
185
|
+
};
|
|
186
|
+
const data = [
|
|
187
|
+
// collapse-start
|
|
188
|
+
{ A: 633, B: 190, date: "2025-01-01" },
|
|
189
|
+
{ A: 443, B: 228, date: "2025-01-08" },
|
|
190
|
+
{ A: 506, B: 225, date: "2025-01-15" },
|
|
191
|
+
{ A: 316, B: 227, date: "2025-01-22" },
|
|
192
|
+
{ A: 760, B: 209, date: "2025-01-29" },
|
|
193
|
+
{ A: 950, B: 220, date: "2025-02-05" },
|
|
194
|
+
{ A: 760, B: 224, date: "2025-02-12" },
|
|
195
|
+
{ A: 570, B: 279, date: "2025-02-19" },
|
|
196
|
+
{ A: 253, B: 296, date: "2025-02-26" },
|
|
197
|
+
{ A: 380, B: 263, date: "2025-03-05" },
|
|
198
|
+
{ A: 443, B: 333, date: "2025-03-12" },
|
|
199
|
+
{ A: 443, B: 306, date: "2025-03-19" },
|
|
200
|
+
{ A: 316, B: 315, date: "2025-03-26" },
|
|
201
|
+
{ A: 190, B: 325, date: "2025-04-02" },
|
|
202
|
+
{ A: 380, B: 367, date: "2025-04-09" },
|
|
203
|
+
{ A: 506, B: 372, date: "2025-04-16" },
|
|
204
|
+
{ A: 443, B: 374, date: "2025-04-23" },
|
|
205
|
+
{ A: 696, B: 278, date: "2025-04-30" },
|
|
206
|
+
{ A: 950, B: 258, date: "2025-05-07" },
|
|
207
|
+
{ A: 633, B: 357, date: "2025-05-14" },
|
|
208
|
+
{ A: 570, B: 372, date: "2025-05-21" },
|
|
209
|
+
{ A: 253, B: 404, date: "2025-05-28" },
|
|
210
|
+
{ A: 316, B: 314, date: "2025-06-04" },
|
|
211
|
+
{ A: 380, B: 359, date: "2025-06-11" },
|
|
212
|
+
{ A: 253, B: 400, date: "2025-06-18" },
|
|
213
|
+
{ A: 190, B: 381, date: "2025-06-25" },
|
|
214
|
+
{ A: 316, B: 427, date: "2025-07-02" },
|
|
215
|
+
{ A: 633, B: 371, date: "2025-07-09" },
|
|
216
|
+
{ A: 570, B: 382, date: "2025-07-16" },
|
|
217
|
+
{ A: 760, B: 383, date: "2025-07-23" },
|
|
218
|
+
{ A: 950, B: 361, date: "2025-07-30" },
|
|
219
|
+
{ A: 696, B: 405, date: "2025-08-06" },
|
|
220
|
+
{ A: 570, B: 400, date: "2025-08-13" },
|
|
221
|
+
{ A: 443, B: 391, date: "2025-08-20" },
|
|
222
|
+
{ A: 316, B: 425, date: "2025-08-27" },
|
|
223
|
+
{ A: 253, B: 406, date: "2025-09-03" },
|
|
224
|
+
{ A: 380, B: 472, date: "2025-09-10" },
|
|
225
|
+
{ A: 633, B: 477, date: "2025-09-17" },
|
|
226
|
+
{ A: 570, B: 465, date: "2025-09-24" },
|
|
227
|
+
{ A: 443, B: 488, date: "2025-10-01" },
|
|
228
|
+
{ A: 380, B: 501, date: "2025-10-08" },
|
|
229
|
+
{ A: 316, B: 615, date: "2025-10-15" },
|
|
230
|
+
{ A: 570, B: 612, date: "2025-10-22" },
|
|
231
|
+
{ A: 506, B: 673, date: "2025-10-29" },
|
|
232
|
+
{ A: 443, B: 630, date: "2025-11-05" },
|
|
233
|
+
{ A: 760, B: 630, date: "2025-11-12" },
|
|
234
|
+
{ A: 443, B: 597, date: "2025-11-19" },
|
|
235
|
+
{ A: 506, B: 572, date: "2025-11-26" },
|
|
236
|
+
{ A: 316, B: 636, date: "2025-12-03" },
|
|
237
|
+
{ A: 633, B: 664, date: "2025-12-10" },
|
|
238
|
+
{ A: 380, B: 742, date: "2025-12-17" },
|
|
239
|
+
{ A: 633, B: 808, date: "2025-12-24" },
|
|
240
|
+
// collapse-end
|
|
241
|
+
];
|
|
242
|
+
return (_jsx("div", { className: "flex h-60 flex-col gap-2", children: _jsx(ResponsiveContainer, { className: "h-full", children: _jsxs(ComposedChart, { data: data, margin: {
|
|
243
|
+
left: 4,
|
|
244
|
+
right: 0,
|
|
245
|
+
top: 12,
|
|
246
|
+
bottom: 18,
|
|
247
|
+
}, className: "text-muted [&_.recharts-text]:text-xs", children: [_jsx(CartesianGrid, { vertical: false, stroke: "currentColor", className: "text-gray-subtle" }), _jsx(XAxis, { fill: "currentColor", axisLine: false, tickLine: false, tickMargin: 12, interval: "preserveStartEnd", dataKey: "date", tickFormatter: (value) => new Date(value).toLocaleDateString(undefined, { month: "short" }), ticks: selectEvenlySpacedItems(data, 12).map((item) => item.date), children: _jsx(Label, { value: "Month", fill: "currentColor", className: "!text-xs font-medium", position: "bottom" }) }), _jsx(YAxis, { fill: "currentColor", axisLine: false, tickLine: false, interval: "preserveStartEnd", tickFormatter: (value) => Number(value).toLocaleString(), children: _jsx(Label, { value: "Active users", fill: "currentColor", className: "!text-xs font-medium", style: { textAnchor: "middle" }, angle: -90, position: "insideLeft" }) }), _jsx(Tooltip, { content: _jsx(ChartTooltipContent, {}), formatter: (value) => Number(value).toLocaleString(),
|
|
248
|
+
// Custom label formatter to show the week range
|
|
249
|
+
labelFormatter: (value) => {
|
|
250
|
+
const date = new Date(value);
|
|
251
|
+
const endDate = new Date(date);
|
|
252
|
+
endDate.setDate(date.getDate() + 6); // Set end date to 7 days after start date
|
|
253
|
+
// If the start and end dates are in the same month, shorten the label (Jun 1-7, 2025)
|
|
254
|
+
if (date.getMonth() === endDate.getMonth()) {
|
|
255
|
+
return `${date.toLocaleDateString(undefined, { month: "long" })} ${date.getDate()}-${endDate.getDate()}, ${endDate.getFullYear()}`;
|
|
256
|
+
}
|
|
257
|
+
// Otherwise, show the full month range (May 30 - Jun 5, 2025)
|
|
258
|
+
return `${date.toLocaleDateString(undefined, { month: "short", day: "numeric" })} - ${endDate.toLocaleDateString(undefined, { month: "short", day: "numeric", year: "numeric" })}`;
|
|
259
|
+
}, cursor: {
|
|
260
|
+
className: "fill-gray-light_hover/20",
|
|
261
|
+
} }), _jsx(Bar, { isAnimationActive: false, ...(colors.A !== undefined && { className: colors.A }), name: "Mobile", dataKey: "A", type: "monotone", stackId: "a", fill: "currentColor", maxBarSize: 8, radius: [4, 4, 0, 0] }), _jsx(Line, { isAnimationActive: false, ...(colors.B !== undefined && { className: colors.B }), dataKey: "B", name: "Desktop", type: "monotone", stroke: "currentColor", strokeWidth: 2, strokeDasharray: "0.1 8", strokeLinecap: "round", activeDot: false, dot: false })] }) }) }));
|
|
262
|
+
};
|
|
263
|
+
//# sourceMappingURL=bar-charts.demo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bar-charts.demo.js","sourceRoot":"","sources":["../../src/components/bar-charts.demo.tsx"],"names":[],"mappings":"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tC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IA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AE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;QACtC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAA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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
decorators: ((Story: FC) => import("react/jsx-runtime").JSX.Element)[];
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const BarChart: {
|
|
8
|
+
(): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
storyName: string;
|
|
10
|
+
};
|
|
11
|
+
export declare const BarChart02: {
|
|
12
|
+
(): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
storyName: string;
|
|
14
|
+
};
|
|
15
|
+
export declare const BarChart03: {
|
|
16
|
+
(): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
storyName: string;
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=bar-charts.story.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bar-charts.story.d.ts","sourceRoot":"","sources":["../../src/components/bar-charts.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;;;yBAMhB,EAAE;;AAHlB,wBAWE;AAEF,eAAO,MAAM,QAAQ;;;CAIpB,CAAC;AAGF,eAAO,MAAM,UAAU;;;CAItB,CAAC;AAGF,eAAO,MAAM,UAAU;;;CAItB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as Charts from "./bar-charts.demo";
|
|
3
|
+
export default {
|
|
4
|
+
title: "Application/Charts",
|
|
5
|
+
decorators: [
|
|
6
|
+
(Story) => (_jsx("div", { className: "bg-base flex min-h-screen items-center justify-center py-8", children: _jsx("div", { className: "flex w-full items-center justify-center", children: _jsx(Story, {}) }) })),
|
|
7
|
+
],
|
|
8
|
+
};
|
|
9
|
+
export const BarChart = () => (_jsx("div", { className: "w-full max-w-7xl", children: _jsx(Charts.BarChart, {}) }));
|
|
10
|
+
BarChart.storyName = "Bar chart";
|
|
11
|
+
export const BarChart02 = () => (_jsx("div", { className: "w-full max-w-7xl", children: _jsx(Charts.BarChart02, {}) }));
|
|
12
|
+
BarChart02.storyName = "Bar chart 02";
|
|
13
|
+
export const BarChart03 = () => (_jsx("div", { className: "w-full max-w-7xl", children: _jsx(Charts.BarChart03, {}) }));
|
|
14
|
+
BarChart03.storyName = "Bar chart 03";
|
|
15
|
+
//# sourceMappingURL=bar-charts.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bar-charts.story.js","sourceRoot":"","sources":["../../src/components/bar-charts.story.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAE5C,eAAe;IACX,KAAK,EAAE,oBAAoB;IAC3B,UAAU,EAAE;QACR,CAAC,KAAS,EAAE,EAAE,CAAC,CACX,cAAK,SAAS,EAAC,4DAA4D,YACvE,cAAK,SAAS,EAAC,yCAAyC,YACpD,KAAC,KAAK,KAAG,GACP,GACJ,CACT;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CAC1B,cAAK,SAAS,EAAC,kBAAkB,YAC7B,KAAC,MAAM,CAAC,QAAQ,KAAG,GACjB,CACT,CAAC;AACF,QAAQ,CAAC,SAAS,GAAG,WAAW,CAAC;AAEjC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAC5B,cAAK,SAAS,EAAC,kBAAkB,YAC7B,KAAC,MAAM,CAAC,UAAU,KAAG,GACnB,CACT,CAAC;AACF,UAAU,CAAC,SAAS,GAAG,cAAc,CAAC;AAEtC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAC5B,cAAK,SAAS,EAAC,kBAAkB,YAC7B,KAAC,MAAM,CAAC,UAAU,KAAG,GACnB,CACT,CAAC;AACF,UAAU,CAAC,SAAS,GAAG,cAAc,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { TooltipProps } from "recharts";
|
|
2
|
+
import type { Props as LegendContentProps } from "recharts/types/component/DefaultLegendContent";
|
|
3
|
+
import type { NameType, ValueType } from "recharts/types/component/DefaultTooltipContent";
|
|
4
|
+
import type { Props as DotProps } from "recharts/types/shape/Dot";
|
|
5
|
+
/**
|
|
6
|
+
* Selects evenly spaced items from an array. Used for rendering
|
|
7
|
+
* certain number of x-axis labels.
|
|
8
|
+
* @param dataArray - The array of items to select from.
|
|
9
|
+
* @param count - The number of items to select.
|
|
10
|
+
* @returns The selected items.
|
|
11
|
+
*/
|
|
12
|
+
export declare const selectEvenlySpacedItems: <T extends readonly unknown[]>(dataArray: T, count: number) => Array<T[number]>;
|
|
13
|
+
/**
|
|
14
|
+
* Renders the legend content for a chart.
|
|
15
|
+
* @param reversed - Whether to reverse the payload.
|
|
16
|
+
* @param payload - The payload of the legend.
|
|
17
|
+
* @param align - The alignment of the legend.
|
|
18
|
+
* @param layout - The layout of the legend.
|
|
19
|
+
* @param className - The class name of the legend.
|
|
20
|
+
* @returns The legend content.
|
|
21
|
+
*/
|
|
22
|
+
export declare const ChartLegendContent: ({ reversed, payload, align, layout, className }: LegendContentProps & {
|
|
23
|
+
reversed?: boolean;
|
|
24
|
+
className?: string;
|
|
25
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
interface ChartTooltipContentProps extends TooltipProps<ValueType, NameType> {
|
|
27
|
+
isRadialChart?: boolean;
|
|
28
|
+
isPieChart?: boolean;
|
|
29
|
+
label?: string;
|
|
30
|
+
payload?: any;
|
|
31
|
+
}
|
|
32
|
+
export declare const ChartTooltipContent: ({ active, payload, label, isRadialChart, isPieChart, formatter, labelFormatter }: ChartTooltipContentProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
33
|
+
interface ChartActiveDotProps extends DotProps {
|
|
34
|
+
payload?: any;
|
|
35
|
+
}
|
|
36
|
+
export declare const ChartActiveDot: ({ cx, cy }: ChartActiveDotProps) => import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
export {};
|
|
38
|
+
//# sourceMappingURL=charts-base.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"charts-base.d.ts","sourceRoot":"","sources":["../../src/components/charts-base.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,KAAK,EAAE,KAAK,IAAI,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACjG,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAC;AAC1F,OAAO,KAAK,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,SAAS,OAAO,EAAE,EAAE,WAAW,CAAC,EAAE,OAAO,MAAM,KAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAqBlH,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,GAAI,iDAAiD,kBAAkB,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CAqBlJ,CAAC;AAEF,UAAU,wBAAyB,SAAQ,YAAY,CAAC,SAAS,EAAE,QAAQ,CAAC;IACxE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,OAAO,CAAC,EAAE,GAAG,CAAC;CACjB;AAED,eAAO,MAAM,mBAAmB,GAAI,kFAAkF,wBAAwB,mDAuC7I,CAAC;AAEF,UAAU,mBAAoB,SAAQ,QAAQ;IAG1C,OAAO,CAAC,EAAE,GAAG,CAAC;CACjB;AAED,eAAO,MAAM,cAAc,GAAI,YAAoB,mBAAmB,4CASrE,CAAC"}
|