@sentropic/design-system-react 0.3.0 → 0.4.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/AreaChart.d.ts +16 -2
- package/dist/AreaChart.d.ts.map +1 -1
- package/dist/AreaChart.js +96 -1
- package/dist/AreaChart.js.map +1 -1
- package/dist/BarChart.d.ts +16 -2
- package/dist/BarChart.d.ts.map +1 -1
- package/dist/BarChart.js +90 -1
- package/dist/BarChart.js.map +1 -1
- package/dist/DataTable.d.ts +49 -2
- package/dist/DataTable.d.ts.map +1 -1
- package/dist/DataTable.js +144 -1
- package/dist/DataTable.js.map +1 -1
- package/dist/DonutChart.d.ts +19 -2
- package/dist/DonutChart.d.ts.map +1 -1
- package/dist/DonutChart.js +61 -1
- package/dist/DonutChart.js.map +1 -1
- package/dist/LineChart.d.ts +17 -2
- package/dist/LineChart.d.ts.map +1 -1
- package/dist/LineChart.js +92 -1
- package/dist/LineChart.js.map +1 -1
- package/dist/ScatterPlot.d.ts +19 -2
- package/dist/ScatterPlot.d.ts.map +1 -1
- package/dist/ScatterPlot.js +55 -1
- package/dist/ScatterPlot.js.map +1 -1
- package/dist/Sparkline.d.ts +13 -2
- package/dist/Sparkline.d.ts.map +1 -1
- package/dist/Sparkline.js +32 -1
- package/dist/Sparkline.js.map +1 -1
- package/dist/StackedBarChart.d.ts +20 -2
- package/dist/StackedBarChart.d.ts.map +1 -1
- package/dist/StackedBarChart.js +78 -1
- package/dist/StackedBarChart.js.map +1 -1
- package/dist/catalog.d.ts +41 -95
- package/dist/catalog.d.ts.map +1 -1
- package/dist/catalog.js +61 -78
- package/dist/catalog.js.map +1 -1
- package/dist/chartScale.d.ts +25 -0
- package/dist/chartScale.d.ts.map +1 -0
- package/dist/chartScale.js +71 -0
- package/dist/chartScale.js.map +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/styles.css +24 -0
- package/package.json +1 -1
package/dist/DonutChart.js
CHANGED
|
@@ -1,2 +1,62 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { classNames } from "./classNames.js";
|
|
4
|
+
import { ChartDataList } from "./chartScale.js";
|
|
5
|
+
const TONES = [
|
|
6
|
+
"category1",
|
|
7
|
+
"category2",
|
|
8
|
+
"category3",
|
|
9
|
+
"category4",
|
|
10
|
+
"category5",
|
|
11
|
+
"category6",
|
|
12
|
+
"category7",
|
|
13
|
+
"category8",
|
|
14
|
+
];
|
|
15
|
+
const fmtPct = (p) => `${p.toFixed(p < 10 ? 1 : 0)}%`;
|
|
16
|
+
export function DonutChart({ data, size = 220, thickness = 34, centerLabel, label, className, ...rest }) {
|
|
17
|
+
const [hoveredIndex, setHoveredIndex] = React.useState(null);
|
|
18
|
+
const slices = (() => {
|
|
19
|
+
const total = data.reduce((sum, d) => sum + Math.max(d.value, 0), 0);
|
|
20
|
+
if (total <= 0)
|
|
21
|
+
return { total: 0, items: [] };
|
|
22
|
+
const cx = size / 2;
|
|
23
|
+
const cy = size / 2;
|
|
24
|
+
const rOuter = size / 2 - 2;
|
|
25
|
+
const rInner = Math.max(rOuter - thickness, 1);
|
|
26
|
+
const TWO_PI = Math.PI * 2;
|
|
27
|
+
let angle = -Math.PI / 2; // départ en haut
|
|
28
|
+
const polar = (r, a) => [cx + r * Math.cos(a), cy + r * Math.sin(a)];
|
|
29
|
+
const items = data.map((d, i) => {
|
|
30
|
+
const frac = Math.max(d.value, 0) / total;
|
|
31
|
+
// epsilon pour éviter le cas exact 2π (slice à 100%) non rendu.
|
|
32
|
+
const span = Math.min(frac * TWO_PI, TWO_PI - 0.0001);
|
|
33
|
+
const a0 = angle;
|
|
34
|
+
const a1 = angle + span;
|
|
35
|
+
angle = a1;
|
|
36
|
+
const large = span > Math.PI ? 1 : 0;
|
|
37
|
+
const [x0o, y0o] = polar(rOuter, a0);
|
|
38
|
+
const [x1o, y1o] = polar(rOuter, a1);
|
|
39
|
+
const [x1i, y1i] = polar(rInner, a1);
|
|
40
|
+
const [x0i, y0i] = polar(rInner, a0);
|
|
41
|
+
const path = `M ${x0o} ${y0o} A ${rOuter} ${rOuter} 0 ${large} 1 ${x1o} ${y1o} L ${x1i} ${y1i} A ${rInner} ${rInner} 0 ${large} 0 ${x0i} ${y0i} Z`;
|
|
42
|
+
return { d, path, tone: d.tone ?? TONES[i % TONES.length], pct: frac * 100 };
|
|
43
|
+
});
|
|
44
|
+
return { total, items };
|
|
45
|
+
})();
|
|
46
|
+
const dataValueItems = slices.items.map((slice) => `${slice.d.label}: ${slice.d.value} (${fmtPct(slice.pct)})`);
|
|
47
|
+
function handleLeave() {
|
|
48
|
+
setHoveredIndex(null);
|
|
49
|
+
}
|
|
50
|
+
function handleVisualPointerMove(event) {
|
|
51
|
+
const target = event.target;
|
|
52
|
+
if (!(target instanceof Element)) {
|
|
53
|
+
setHoveredIndex(null);
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
const index = Number(target.getAttribute("data-chart-index"));
|
|
57
|
+
setHoveredIndex(Number.isInteger(index) ? index : null);
|
|
58
|
+
}
|
|
59
|
+
const hovered = hoveredIndex !== null ? slices.items[hoveredIndex] : undefined;
|
|
60
|
+
return (_jsxs("div", { ...rest, className: classNames("st-donutChart", className), children: [_jsx("div", { className: "st-donutChart__visual", role: "img", "aria-label": label, onPointerMove: handleVisualPointerMove, onPointerLeave: handleLeave, children: _jsx("svg", { viewBox: `0 0 ${size} ${size}`, width: "100%", height: "100%", focusable: "false", "aria-hidden": "true", children: slices.total > 0 ? (_jsxs(_Fragment, { children: [slices.items.map((slice, i) => (_jsx("path", { className: classNames("st-donutChart__slice", `st-donutChart__slice--${slice.tone}`, hoveredIndex !== null && hoveredIndex !== i && "st-donutChart__slice--dim"), d: slice.path, "data-chart-index": i }, slice.d.label))), centerLabel !== null ? (_jsx("text", { className: "st-donutChart__center", x: size / 2, y: size / 2, textAnchor: "middle", dominantBaseline: "central", children: centerLabel ?? slices.total })) : null] })) : null }) }), _jsx(ChartDataList, { label: label, items: dataValueItems }), hovered ? (_jsxs("div", { className: "st-donutChart__tooltip", role: "presentation", children: [_jsx("span", { className: "st-donutChart__tooltipLabel", children: hovered.d.label }), _jsxs("span", { className: "st-donutChart__tooltipValue", children: [hovered.d.value, " \u00B7 ", fmtPct(hovered.pct)] })] })) : null] }));
|
|
61
|
+
}
|
|
2
62
|
//# sourceMappingURL=DonutChart.js.map
|
package/dist/DonutChart.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../src/DonutChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"DonutChart.js","sourceRoot":"","sources":["../src/DonutChart.tsx"],"names":[],"mappings":"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"}
|
package/dist/LineChart.d.ts
CHANGED
|
@@ -1,3 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
export type
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type LineChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
|
|
3
|
+
export type LineChartDatum = {
|
|
4
|
+
x: number | string;
|
|
5
|
+
y: number;
|
|
6
|
+
};
|
|
7
|
+
export type LineChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
|
|
8
|
+
data: LineChartDatum[];
|
|
9
|
+
width?: number;
|
|
10
|
+
height?: number;
|
|
11
|
+
tone?: LineChartTone;
|
|
12
|
+
smooth?: boolean;
|
|
13
|
+
area?: boolean;
|
|
14
|
+
label: string;
|
|
15
|
+
className?: string;
|
|
16
|
+
};
|
|
17
|
+
export declare function LineChart({ data, width, height, tone, smooth, area, label, className, ...rest }: LineChartProps): import("react/jsx-runtime").JSX.Element;
|
|
3
18
|
//# sourceMappingURL=LineChart.d.ts.map
|
package/dist/LineChart.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../src/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../src/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,MAAM,aAAa,GACrB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnB,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IACrF,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,IAAkB,EAClB,MAAc,EACd,IAAY,EACZ,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CAiLhB"}
|
package/dist/LineChart.js
CHANGED
|
@@ -1,2 +1,93 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { classNames } from "./classNames.js";
|
|
4
|
+
import { buildLinearPath, buildSmoothPath, CHART_MARGIN, ChartDataList, formatTick, isNumeric, niceTicks, scaleLinear, } from "./chartScale.js";
|
|
5
|
+
const MARGIN = CHART_MARGIN;
|
|
6
|
+
export function LineChart({ data, width = 480, height = 240, tone = "category1", smooth = false, area = false, label, className, ...rest }) {
|
|
7
|
+
const [hoveredIndex, setHoveredIndex] = React.useState(null);
|
|
8
|
+
const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
|
|
9
|
+
const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
|
|
10
|
+
const xDomain = (() => {
|
|
11
|
+
if (data.length === 0)
|
|
12
|
+
return { kind: "ordinal", values: [] };
|
|
13
|
+
const allNumeric = data.every((d) => isNumeric(d.x));
|
|
14
|
+
if (allNumeric) {
|
|
15
|
+
const xs = data.map((d) => d.x);
|
|
16
|
+
return { kind: "numeric", min: Math.min(...xs), max: Math.max(...xs) };
|
|
17
|
+
}
|
|
18
|
+
return { kind: "ordinal", values: data.map((d) => d.x) };
|
|
19
|
+
})();
|
|
20
|
+
const yTicks = (() => {
|
|
21
|
+
const ys = data.map((d) => d.y);
|
|
22
|
+
if (ys.length === 0)
|
|
23
|
+
return [0];
|
|
24
|
+
const minRaw = Math.min(...ys);
|
|
25
|
+
const maxRaw = Math.max(...ys);
|
|
26
|
+
const padded = (maxRaw - minRaw) * 0.08 || Math.max(Math.abs(maxRaw), 1) * 0.1;
|
|
27
|
+
return niceTicks(minRaw - padded, maxRaw + padded, 5);
|
|
28
|
+
})();
|
|
29
|
+
const yDomain = yTicks.length === 0 ? { min: 0, max: 1 } : { min: yTicks[0], max: yTicks[yTicks.length - 1] };
|
|
30
|
+
const points = (() => {
|
|
31
|
+
if (data.length === 0)
|
|
32
|
+
return [];
|
|
33
|
+
return data.map((d, i) => {
|
|
34
|
+
let x;
|
|
35
|
+
if (xDomain.kind === "numeric") {
|
|
36
|
+
x = scaleLinear(d.x, xDomain.min, xDomain.max, 0, plotWidth);
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
const denom = Math.max(data.length - 1, 1);
|
|
40
|
+
x = data.length === 1 ? plotWidth / 2 : (i / denom) * plotWidth;
|
|
41
|
+
}
|
|
42
|
+
const y = scaleLinear(d.y, yDomain.min, yDomain.max, plotHeight, 0);
|
|
43
|
+
return { x: MARGIN.left + x, y: MARGIN.top + y, datum: d, index: i };
|
|
44
|
+
});
|
|
45
|
+
})();
|
|
46
|
+
const dataValueItems = data.map((d) => `${d.x}: ${d.y}`);
|
|
47
|
+
const linePath = points.length === 0 ? "" : smooth ? buildSmoothPath(points) : buildLinearPath(points);
|
|
48
|
+
const areaPath = (() => {
|
|
49
|
+
if (!area || points.length === 0)
|
|
50
|
+
return "";
|
|
51
|
+
const base = MARGIN.top + plotHeight;
|
|
52
|
+
const first = points[0];
|
|
53
|
+
const last = points[points.length - 1];
|
|
54
|
+
return `${linePath} L${last.x.toFixed(2)},${base.toFixed(2)} L${first.x.toFixed(2)},${base.toFixed(2)} Z`;
|
|
55
|
+
})();
|
|
56
|
+
const gridLines = yTicks.map((tick) => ({
|
|
57
|
+
value: tick,
|
|
58
|
+
y: MARGIN.top + scaleLinear(tick, yDomain.min, yDomain.max, plotHeight, 0),
|
|
59
|
+
}));
|
|
60
|
+
const xTickEntries = (() => {
|
|
61
|
+
if (data.length === 0)
|
|
62
|
+
return [];
|
|
63
|
+
if (xDomain.kind === "ordinal") {
|
|
64
|
+
return points.map((p, i) => ({ x: p.x, label: String(data[i].x) }));
|
|
65
|
+
}
|
|
66
|
+
const target = Math.min(5, data.length);
|
|
67
|
+
const stride = Math.max(1, Math.round((data.length - 1) / (target - 1 || 1)));
|
|
68
|
+
const entries = [];
|
|
69
|
+
for (let i = 0; i < data.length; i += stride) {
|
|
70
|
+
entries.push({ x: points[i].x, label: String(data[i].x) });
|
|
71
|
+
}
|
|
72
|
+
const lastIdx = data.length - 1;
|
|
73
|
+
if (entries[entries.length - 1]?.label !== String(data[lastIdx].x)) {
|
|
74
|
+
entries.push({ x: points[lastIdx].x, label: String(data[lastIdx].x) });
|
|
75
|
+
}
|
|
76
|
+
return entries;
|
|
77
|
+
})();
|
|
78
|
+
function handleLeave() {
|
|
79
|
+
setHoveredIndex(null);
|
|
80
|
+
}
|
|
81
|
+
function handleVisualPointerMove(event) {
|
|
82
|
+
const target = event.target;
|
|
83
|
+
if (!(target instanceof Element)) {
|
|
84
|
+
setHoveredIndex(null);
|
|
85
|
+
return;
|
|
86
|
+
}
|
|
87
|
+
const index = Number(target.getAttribute("data-chart-index"));
|
|
88
|
+
setHoveredIndex(Number.isInteger(index) ? index : null);
|
|
89
|
+
}
|
|
90
|
+
const hoveredPoint = hoveredIndex !== null ? points[hoveredIndex] : undefined;
|
|
91
|
+
return (_jsxs("div", { ...rest, className: classNames("st-lineChart", `st-lineChart--${tone}`, className), children: [_jsx("div", { className: "st-lineChart__visual", role: "img", "aria-label": label, onPointerMove: handleVisualPointerMove, onPointerLeave: handleLeave, children: _jsxs("svg", { viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "xMidYMid meet", width: "100%", height: "100%", focusable: "false", "aria-hidden": "true", children: [gridLines.map((g) => (_jsxs(React.Fragment, { children: [_jsx("line", { className: "st-lineChart__grid", x1: MARGIN.left, x2: width - MARGIN.right, y1: g.y, y2: g.y }), _jsx("text", { className: "st-lineChart__tickLabel", x: MARGIN.left - 6, y: g.y, textAnchor: "end", dominantBaseline: "middle", children: formatTick(g.value) })] }, g.value))), _jsx("line", { className: "st-lineChart__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }), _jsx("line", { className: "st-lineChart__axis", x1: MARGIN.left, x2: width - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }), xTickEntries.map((tick, i) => (_jsx("text", { className: "st-lineChart__tickLabel", x: tick.x, y: height - MARGIN.bottom + 16, textAnchor: "middle", children: tick.label }, i))), area && areaPath ? _jsx("path", { className: "st-lineChart__area", d: areaPath }) : null, linePath ? (_jsx("path", { className: "st-lineChart__line", d: linePath, fill: "none", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })) : null, points.map((p) => (_jsx("circle", { className: "st-lineChart__dot", cx: p.x, cy: p.y, r: "4", "data-chart-index": p.index }, p.index)))] }) }), _jsx(ChartDataList, { label: label, items: dataValueItems }), hoveredPoint ? (_jsxs("div", { className: "st-lineChart__tooltip", role: "presentation", style: { left: `${(hoveredPoint.x / width) * 100}%`, top: `${(hoveredPoint.y / height) * 100}%` }, children: [_jsx("span", { className: "st-lineChart__tooltipLabel", children: hoveredPoint.datum.x }), _jsx("span", { className: "st-lineChart__tooltipValue", children: hoveredPoint.datum.y })] })) : null] }));
|
|
92
|
+
}
|
|
2
93
|
//# sourceMappingURL=LineChart.js.map
|
package/dist/LineChart.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineChart.js","sourceRoot":"","sources":["../src/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"LineChart.js","sourceRoot":"","sources":["../src/LineChart.tsx"],"names":[],"mappings":"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"}
|
package/dist/ScatterPlot.d.ts
CHANGED
|
@@ -1,3 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
export type
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type ScatterPlotTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
|
|
3
|
+
export type ScatterPlotDatum = {
|
|
4
|
+
x: number;
|
|
5
|
+
y: number;
|
|
6
|
+
label?: string;
|
|
7
|
+
tone?: ScatterPlotTone;
|
|
8
|
+
};
|
|
9
|
+
export type ScatterPlotProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
|
|
10
|
+
data: ScatterPlotDatum[];
|
|
11
|
+
width?: number;
|
|
12
|
+
height?: number;
|
|
13
|
+
xLabel?: string;
|
|
14
|
+
yLabel?: string;
|
|
15
|
+
radius?: number;
|
|
16
|
+
label: string;
|
|
17
|
+
className?: string;
|
|
18
|
+
};
|
|
19
|
+
export declare function ScatterPlot({ data, width, height, xLabel, yLabel, radius, label, className, ...rest }: ScatterPlotProps): import("react/jsx-runtime").JSX.Element;
|
|
3
20
|
//# sourceMappingURL=ScatterPlot.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScatterPlot.d.ts","sourceRoot":"","sources":["../src/ScatterPlot.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ScatterPlot.d.ts","sourceRoot":"","sources":["../src/ScatterPlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IACvF,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAeF,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,MAAM,EACN,MAAM,EACN,MAAU,EACV,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAwIlB"}
|
package/dist/ScatterPlot.js
CHANGED
|
@@ -1,2 +1,56 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { classNames } from "./classNames.js";
|
|
4
|
+
import { ChartDataList, formatTick, niceTicks, scaleLinear } from "./chartScale.js";
|
|
5
|
+
const MARGIN = { top: 14, right: 18, bottom: 36, left: 48 };
|
|
6
|
+
const TONES = [
|
|
7
|
+
"category1",
|
|
8
|
+
"category2",
|
|
9
|
+
"category3",
|
|
10
|
+
"category4",
|
|
11
|
+
"category5",
|
|
12
|
+
"category6",
|
|
13
|
+
"category7",
|
|
14
|
+
"category8",
|
|
15
|
+
];
|
|
16
|
+
export function ScatterPlot({ data, width = 480, height = 280, xLabel, yLabel, radius = 5, label, className, ...rest }) {
|
|
17
|
+
const [hoveredIndex, setHoveredIndex] = React.useState(null);
|
|
18
|
+
const xs = data.map((d) => d.x);
|
|
19
|
+
const ys = data.map((d) => d.y);
|
|
20
|
+
const xTicks = niceTicks(Math.min(...xs), Math.max(...xs));
|
|
21
|
+
const yTicks = niceTicks(Math.min(...ys), Math.max(...ys));
|
|
22
|
+
const plotW = Math.max(width - MARGIN.left - MARGIN.right, 1);
|
|
23
|
+
const plotH = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
|
|
24
|
+
const xMin = xTicks[0];
|
|
25
|
+
const xMax = xTicks[xTicks.length - 1];
|
|
26
|
+
const yMin = yTicks[0];
|
|
27
|
+
const yMax = yTicks[yTicks.length - 1];
|
|
28
|
+
const points = data.map((d, i) => ({
|
|
29
|
+
cx: MARGIN.left + scaleLinear(d.x, xMin, xMax, 0, plotW),
|
|
30
|
+
cy: MARGIN.top + scaleLinear(d.y, yMin, yMax, plotH, 0),
|
|
31
|
+
datum: d,
|
|
32
|
+
tone: (d.tone ?? TONES[i % TONES.length]),
|
|
33
|
+
}));
|
|
34
|
+
const dataValueItems = data.map((d) => (d.label ? `${d.label}: x ${d.x}, y ${d.y}` : `x ${d.x}, y ${d.y}`));
|
|
35
|
+
function handleLeave() {
|
|
36
|
+
setHoveredIndex(null);
|
|
37
|
+
}
|
|
38
|
+
function handleVisualPointerMove(event) {
|
|
39
|
+
const target = event.target;
|
|
40
|
+
if (!(target instanceof Element)) {
|
|
41
|
+
setHoveredIndex(null);
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
const index = Number(target.getAttribute("data-chart-index"));
|
|
45
|
+
setHoveredIndex(Number.isInteger(index) ? index : null);
|
|
46
|
+
}
|
|
47
|
+
const hovered = hoveredIndex !== null ? points[hoveredIndex] : undefined;
|
|
48
|
+
return (_jsxs("div", { ...rest, className: classNames("st-scatterPlot", className), children: [_jsx("div", { className: "st-scatterPlot__visual", role: "img", "aria-label": label, onPointerMove: handleVisualPointerMove, onPointerLeave: handleLeave, children: _jsxs("svg", { viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "xMidYMid meet", width: "100%", height: "100%", focusable: "false", "aria-hidden": "true", children: [yTicks.map((t) => {
|
|
49
|
+
const y = MARGIN.top + scaleLinear(t, yMin, yMax, plotH, 0);
|
|
50
|
+
return (_jsxs(React.Fragment, { children: [_jsx("line", { className: "st-scatterPlot__grid", x1: MARGIN.left, x2: width - MARGIN.right, y1: y, y2: y }), _jsx("text", { className: "st-scatterPlot__tick", x: MARGIN.left - 6, y: y, textAnchor: "end", dominantBaseline: "middle", children: formatTick(t) })] }, `y${t}`));
|
|
51
|
+
}), xTicks.map((t) => {
|
|
52
|
+
const x = MARGIN.left + scaleLinear(t, xMin, xMax, 0, plotW);
|
|
53
|
+
return (_jsx("text", { className: "st-scatterPlot__tick", x: x, y: height - MARGIN.bottom + 16, textAnchor: "middle", children: formatTick(t) }, `x${t}`));
|
|
54
|
+
}), _jsx("line", { className: "st-scatterPlot__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }), _jsx("line", { className: "st-scatterPlot__axis", x1: MARGIN.left, x2: width - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }), xLabel ? (_jsx("text", { className: "st-scatterPlot__axisLabel", x: MARGIN.left + plotW / 2, y: height - 4, textAnchor: "middle", children: xLabel })) : null, yLabel ? (_jsx("text", { className: "st-scatterPlot__axisLabel", x: 12, y: MARGIN.top + plotH / 2, textAnchor: "middle", transform: `rotate(-90 12 ${MARGIN.top + plotH / 2})`, children: yLabel })) : null, points.map((p, i) => (_jsx("circle", { className: classNames("st-scatterPlot__point", `st-scatterPlot__point--${p.tone}`), cx: p.cx, cy: p.cy, r: radius, "data-chart-index": i }, i)))] }) }), _jsx(ChartDataList, { label: label, items: dataValueItems }), hovered ? (_jsxs("div", { className: "st-scatterPlot__tooltip", role: "presentation", style: { left: `${(hovered.cx / width) * 100}%`, top: `${(hovered.cy / height) * 100}%` }, children: [hovered.datum.label ? _jsx("span", { className: "st-scatterPlot__tooltipLabel", children: hovered.datum.label }) : null, _jsxs("span", { className: "st-scatterPlot__tooltipValue", children: ["x ", hovered.datum.x, " \u00B7 y ", hovered.datum.y] })] })) : null] }));
|
|
55
|
+
}
|
|
2
56
|
//# sourceMappingURL=ScatterPlot.js.map
|
package/dist/ScatterPlot.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScatterPlot.js","sourceRoot":"","sources":["../src/ScatterPlot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"ScatterPlot.js","sourceRoot":"","sources":["../src/ScatterPlot.tsx"],"names":[],"mappings":"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"}
|
package/dist/Sparkline.d.ts
CHANGED
|
@@ -1,3 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
export type
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type SparklineTone = "neutral" | "success" | "warning" | "error";
|
|
3
|
+
export type SparklineProps = Omit<React.HTMLAttributes<HTMLElement>, "className"> & {
|
|
4
|
+
data: number[];
|
|
5
|
+
width?: number;
|
|
6
|
+
height?: number;
|
|
7
|
+
tone?: SparklineTone;
|
|
8
|
+
strokeWidth?: number;
|
|
9
|
+
area?: boolean;
|
|
10
|
+
label?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
};
|
|
13
|
+
export declare function Sparkline({ data, width, height, tone, strokeWidth, area, label, className, ...rest }: SparklineProps): import("react/jsx-runtime").JSX.Element;
|
|
3
14
|
//# sourceMappingURL=Sparkline.d.ts.map
|
package/dist/Sparkline.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../src/Sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../src/Sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAExE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG;IAClF,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAW,EACX,MAAW,EACX,IAAgB,EAChB,WAAiB,EACjB,IAAY,EACZ,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CAmDhB"}
|
package/dist/Sparkline.js
CHANGED
|
@@ -1,2 +1,33 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { classNames } from "./classNames.js";
|
|
4
|
+
const PADDING = 2;
|
|
5
|
+
export function Sparkline({ data, width = 120, height = 28, tone = "neutral", strokeWidth = 1.5, area = false, label, className, ...rest }) {
|
|
6
|
+
const geometry = (() => {
|
|
7
|
+
if (!data || data.length === 0) {
|
|
8
|
+
return { line: "", area: "" };
|
|
9
|
+
}
|
|
10
|
+
const min = Math.min(...data);
|
|
11
|
+
const max = Math.max(...data);
|
|
12
|
+
const span = max - min || 1;
|
|
13
|
+
const innerWidth = Math.max(width - PADDING * 2, 1);
|
|
14
|
+
const innerHeight = Math.max(height - PADDING * 2, 1);
|
|
15
|
+
const step = data.length > 1 ? innerWidth / (data.length - 1) : 0;
|
|
16
|
+
const points = data.map((value, index) => {
|
|
17
|
+
const x = PADDING + step * index;
|
|
18
|
+
const normalised = (value - min) / span;
|
|
19
|
+
const y = PADDING + (1 - normalised) * innerHeight;
|
|
20
|
+
return { x, y };
|
|
21
|
+
});
|
|
22
|
+
const line = points
|
|
23
|
+
.map((p, i) => `${i === 0 ? "M" : "L"}${p.x.toFixed(2)},${p.y.toFixed(2)}`)
|
|
24
|
+
.join(" ");
|
|
25
|
+
const baseline = height - PADDING;
|
|
26
|
+
const first = points[0];
|
|
27
|
+
const last = points[points.length - 1];
|
|
28
|
+
const areaPath = `${line} L${last.x.toFixed(2)},${baseline.toFixed(2)} L${first.x.toFixed(2)},${baseline.toFixed(2)} Z`;
|
|
29
|
+
return { line, area: areaPath };
|
|
30
|
+
})();
|
|
31
|
+
return (_jsx("span", { ...rest, className: classNames("st-sparkline", `st-sparkline--${tone}`, className), role: "img", "aria-label": label, children: _jsxs("svg", { width: width, height: height, viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "none", "aria-hidden": label ? "true" : undefined, focusable: "false", children: [area && geometry.area ? _jsx("path", { d: geometry.area, className: "st-sparkline__area" }) : null, geometry.line ? (_jsx("path", { d: geometry.line, className: "st-sparkline__line", fill: "none", strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })) : null] }) }));
|
|
32
|
+
}
|
|
2
33
|
//# sourceMappingURL=Sparkline.js.map
|
package/dist/Sparkline.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sparkline.js","sourceRoot":"","sources":["../src/Sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"Sparkline.js","sourceRoot":"","sources":["../src/Sparkline.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
export type
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type StackedBarTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
|
|
3
|
+
export type StackedBarSegment = {
|
|
4
|
+
label: string;
|
|
5
|
+
value: number;
|
|
6
|
+
tone?: StackedBarTone;
|
|
7
|
+
};
|
|
8
|
+
export type StackedBarDatum = {
|
|
9
|
+
label: string;
|
|
10
|
+
segments: StackedBarSegment[];
|
|
11
|
+
};
|
|
12
|
+
export type StackedBarChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
|
|
13
|
+
data: StackedBarDatum[];
|
|
14
|
+
width?: number;
|
|
15
|
+
height?: number;
|
|
16
|
+
label: string;
|
|
17
|
+
showLegend?: boolean;
|
|
18
|
+
className?: string;
|
|
19
|
+
};
|
|
20
|
+
export declare function StackedBarChart({ data, width, height, label, showLegend, className, ...rest }: StackedBarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
3
21
|
//# sourceMappingURL=StackedBarChart.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../src/StackedBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../src/StackedBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,cAAc,GACtB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,iBAAiB,EAAE,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IAC3F,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA4BF,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,KAAK,EACL,UAAiB,EACjB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,oBAAoB,2CAkKtB"}
|
package/dist/StackedBarChart.js
CHANGED
|
@@ -1,2 +1,79 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { classNames } from "./classNames.js";
|
|
4
|
+
import { ChartDataList, formatTick, niceTicks, scaleLinear } from "./chartScale.js";
|
|
5
|
+
const MARGIN = { top: 14, right: 16, bottom: 34, left: 44 };
|
|
6
|
+
const TONES = [
|
|
7
|
+
"category1",
|
|
8
|
+
"category2",
|
|
9
|
+
"category3",
|
|
10
|
+
"category4",
|
|
11
|
+
"category5",
|
|
12
|
+
"category6",
|
|
13
|
+
"category7",
|
|
14
|
+
"category8",
|
|
15
|
+
];
|
|
16
|
+
export function StackedBarChart({ data, width = 480, height = 260, label, showLegend = true, className, ...rest }) {
|
|
17
|
+
const [hovered, setHovered] = React.useState(null);
|
|
18
|
+
// Légende : tones par label de série (ordre de la 1re barre).
|
|
19
|
+
const legend = (() => {
|
|
20
|
+
const seen = new Map();
|
|
21
|
+
data.forEach((bar) => bar.segments.forEach((seg, i) => {
|
|
22
|
+
if (!seen.has(seg.label))
|
|
23
|
+
seen.set(seg.label, seg.tone ?? TONES[i % TONES.length]);
|
|
24
|
+
}));
|
|
25
|
+
return [...seen.entries()].map(([seriesLabel, tone]) => ({ seriesLabel, tone }));
|
|
26
|
+
})();
|
|
27
|
+
const totals = data.map((b) => b.segments.reduce((s, x) => s + Math.max(x.value, 0), 0));
|
|
28
|
+
const ticks = niceTicks(0, Math.max(0, ...totals));
|
|
29
|
+
const domainMax = ticks[ticks.length - 1];
|
|
30
|
+
const plotW = Math.max(width - MARGIN.left - MARGIN.right, 1);
|
|
31
|
+
const plotH = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
|
|
32
|
+
const bars = (() => {
|
|
33
|
+
if (data.length === 0)
|
|
34
|
+
return [];
|
|
35
|
+
const band = plotW / data.length;
|
|
36
|
+
const barWidth = band * 0.6;
|
|
37
|
+
return data.map((bar, bi) => {
|
|
38
|
+
const x = MARGIN.left + band * bi + (band - barWidth) / 2;
|
|
39
|
+
let acc = 0;
|
|
40
|
+
const segs = bar.segments.map((seg, si) => {
|
|
41
|
+
const v = Math.max(seg.value, 0);
|
|
42
|
+
const yTop = MARGIN.top + scaleLinear(acc + v, 0, domainMax, plotH, 0);
|
|
43
|
+
const yBottom = MARGIN.top + scaleLinear(acc, 0, domainMax, plotH, 0);
|
|
44
|
+
acc += v;
|
|
45
|
+
return {
|
|
46
|
+
x,
|
|
47
|
+
y: yTop,
|
|
48
|
+
width: barWidth,
|
|
49
|
+
height: Math.max(yBottom - yTop, 0),
|
|
50
|
+
seg,
|
|
51
|
+
tone: seg.tone ?? TONES[si % TONES.length],
|
|
52
|
+
cx: x + barWidth / 2,
|
|
53
|
+
cy: yTop + (yBottom - yTop) / 2,
|
|
54
|
+
};
|
|
55
|
+
});
|
|
56
|
+
return { x, band, label: bar.label, segs, cxLabel: MARGIN.left + band * (bi + 0.5) };
|
|
57
|
+
});
|
|
58
|
+
})();
|
|
59
|
+
const dataValueItems = data.flatMap((bar) => bar.segments.map((seg) => `${bar.label}, ${seg.label}: ${seg.value}`));
|
|
60
|
+
function handleLeave() {
|
|
61
|
+
setHovered(null);
|
|
62
|
+
}
|
|
63
|
+
function handleVisualPointerMove(event) {
|
|
64
|
+
const target = event.target;
|
|
65
|
+
if (!(target instanceof Element)) {
|
|
66
|
+
setHovered(null);
|
|
67
|
+
return;
|
|
68
|
+
}
|
|
69
|
+
const bar = Number(target.getAttribute("data-bar-index"));
|
|
70
|
+
const seg = Number(target.getAttribute("data-segment-index"));
|
|
71
|
+
setHovered(Number.isInteger(bar) && Number.isInteger(seg) ? { bar, seg } : null);
|
|
72
|
+
}
|
|
73
|
+
const hoveredSeg = hovered && bars[hovered.bar]?.segs[hovered.seg];
|
|
74
|
+
return (_jsxs("div", { ...rest, className: classNames("st-stackedBar", className), children: [_jsx("div", { className: "st-stackedBar__visual", role: "img", "aria-label": label, onPointerMove: handleVisualPointerMove, onPointerLeave: handleLeave, children: _jsxs("svg", { viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "xMidYMid meet", width: "100%", height: "100%", focusable: "false", "aria-hidden": "true", children: [ticks.map((t) => {
|
|
75
|
+
const y = MARGIN.top + scaleLinear(t, 0, domainMax, plotH, 0);
|
|
76
|
+
return (_jsxs(React.Fragment, { children: [_jsx("line", { className: "st-stackedBar__grid", x1: MARGIN.left, x2: width - MARGIN.right, y1: y, y2: y }), _jsx("text", { className: "st-stackedBar__tick", x: MARGIN.left - 6, y: y, textAnchor: "end", dominantBaseline: "middle", children: formatTick(t) })] }, t));
|
|
77
|
+
}), _jsx("line", { className: "st-stackedBar__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }), _jsx("line", { className: "st-stackedBar__axis", x1: MARGIN.left, x2: width - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }), bars.map((bar, bi) => (_jsxs(React.Fragment, { children: [_jsx("text", { className: "st-stackedBar__categoryLabel", x: bar.cxLabel, y: height - MARGIN.bottom + 16, textAnchor: "middle", children: bar.label }), bar.segs.map((s, si) => (_jsx("rect", { className: classNames("st-stackedBar__seg", `st-stackedBar__seg--${s.tone}`, hovered !== null && !(hovered.bar === bi && hovered.seg === si) && "st-stackedBar__seg--dim"), x: s.x, y: s.y, width: s.width, height: s.height, "data-bar-index": bi, "data-segment-index": si }, s.seg.label)))] }, bar.label)))] }) }), _jsx(ChartDataList, { label: label, items: dataValueItems }), hoveredSeg ? (_jsxs("div", { className: "st-stackedBar__tooltip", role: "presentation", style: { left: `${(hoveredSeg.cx / width) * 100}%`, top: `${(hoveredSeg.cy / height) * 100}%` }, children: [_jsx("span", { className: "st-stackedBar__tooltipLabel", children: hoveredSeg.seg.label }), _jsx("span", { className: "st-stackedBar__tooltipValue", children: hoveredSeg.seg.value })] })) : null, showLegend && legend.length > 0 ? (_jsx("ul", { className: "st-stackedBar__legend", children: legend.map((item) => (_jsxs("li", { className: "st-stackedBar__legendItem", children: [_jsx("span", { className: classNames("st-stackedBar__legendSwatch", `st-stackedBar__legendSwatch--${item.tone}`), "aria-hidden": "true" }), item.seriesLabel] }, item.seriesLabel))) })) : null] }));
|
|
78
|
+
}
|
|
2
79
|
//# sourceMappingURL=StackedBarChart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackedBarChart.js","sourceRoot":"","sources":["../src/StackedBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"StackedBarChart.js","sourceRoot":"","sources":["../src/StackedBarChart.tsx"],"names":[],"mappings":"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"}
|