@sentropic/design-system-react 0.12.0 → 0.14.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/BoxPlotChart.d.ts +21 -0
- package/dist/BoxPlotChart.d.ts.map +1 -0
- package/dist/BoxPlotChart.js +77 -0
- package/dist/BoxPlotChart.js.map +1 -0
- package/dist/HeatmapChart.d.ts +18 -0
- package/dist/HeatmapChart.d.ts.map +1 -0
- package/dist/HeatmapChart.js +79 -0
- package/dist/HeatmapChart.js.map +1 -0
- package/dist/HistogramChart.d.ts +17 -0
- package/dist/HistogramChart.d.ts.map +1 -0
- package/dist/HistogramChart.js +94 -0
- package/dist/HistogramChart.js.map +1 -0
- package/dist/Popper.d.ts +18 -1
- package/dist/Popper.d.ts.map +1 -1
- package/dist/Popper.js +126 -3
- package/dist/Popper.js.map +1 -1
- package/dist/RadarChart.d.ts +21 -0
- package/dist/RadarChart.d.ts.map +1 -0
- package/dist/RadarChart.js +66 -0
- package/dist/RadarChart.js.map +1 -0
- package/dist/SankeyChart.d.ts +23 -0
- package/dist/SankeyChart.d.ts.map +1 -0
- package/dist/SankeyChart.js +126 -0
- package/dist/SankeyChart.js.map +1 -0
- package/dist/SelectableList.d.ts.map +1 -1
- package/dist/SelectableList.js +47 -15
- package/dist/SelectableList.js.map +1 -1
- package/dist/SelectableRow.d.ts +8 -6
- package/dist/SelectableRow.d.ts.map +1 -1
- package/dist/SelectableRow.js +16 -5
- package/dist/SelectableRow.js.map +1 -1
- package/dist/SunburstChart.d.ts +20 -0
- package/dist/SunburstChart.d.ts.map +1 -0
- package/dist/SunburstChart.js +125 -0
- package/dist/SunburstChart.js.map +1 -0
- package/dist/catalog.d.ts.map +1 -1
- package/dist/catalog.js +351 -44
- package/dist/catalog.js.map +1 -1
- package/dist/chartContrast.d.ts +0 -4
- package/dist/chartContrast.d.ts.map +1 -1
- package/dist/chartContrast.js +4 -56
- package/dist/chartContrast.js.map +1 -1
- package/dist/index.d.ts +12 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -1
- package/dist/styles.css +401 -0
- package/package.json +1 -1
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type RadarChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
|
|
3
|
+
export type RadarChartSeries = {
|
|
4
|
+
label: string;
|
|
5
|
+
values: number[];
|
|
6
|
+
tone?: RadarChartTone;
|
|
7
|
+
};
|
|
8
|
+
export type RadarChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
|
|
9
|
+
axes: string[];
|
|
10
|
+
series: RadarChartSeries[];
|
|
11
|
+
/** Valeur plafond du domaine. PAS de plancher arbitraire à 100 - s'adapte aux données. */
|
|
12
|
+
maxValue?: number;
|
|
13
|
+
levels?: number;
|
|
14
|
+
legend?: boolean;
|
|
15
|
+
width?: number;
|
|
16
|
+
height?: number;
|
|
17
|
+
label: string;
|
|
18
|
+
className?: string;
|
|
19
|
+
};
|
|
20
|
+
export declare function RadarChart({ axes, series, maxValue, levels, legend, width, height, label, className, ...rest }: RadarChartProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
//# sourceMappingURL=RadarChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadarChart.d.ts","sourceRoot":"","sources":["../src/RadarChart.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,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IACtF,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAiBF,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,MAAU,EACV,MAAc,EACd,KAAW,EACX,MAAY,EACZ,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,2CA2IjB"}
|
|
@@ -0,0 +1,66 @@
|
|
|
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 } from "./chartScale.js";
|
|
5
|
+
const TONES = [
|
|
6
|
+
"category1",
|
|
7
|
+
"category2",
|
|
8
|
+
"category3",
|
|
9
|
+
"category4",
|
|
10
|
+
"category5",
|
|
11
|
+
"category6",
|
|
12
|
+
"category7",
|
|
13
|
+
"category8",
|
|
14
|
+
];
|
|
15
|
+
function polarPoint(cx, cy, radius, angle) {
|
|
16
|
+
return { x: cx + radius * Math.cos(angle), y: cy + radius * Math.sin(angle) };
|
|
17
|
+
}
|
|
18
|
+
export function RadarChart({ axes, series, maxValue, levels = 4, legend = false, width = 360, height = 320, label, className, ...rest }) {
|
|
19
|
+
const [hoveredIndex, setHoveredIndex] = React.useState(null);
|
|
20
|
+
const cx = width / 2;
|
|
21
|
+
const cy = height / 2;
|
|
22
|
+
const radius = Math.max(Math.min(width, height) / 2 - 42, 1);
|
|
23
|
+
const levelCount = Math.max(1, Math.floor(levels));
|
|
24
|
+
// Pas de plancher Math.max(100, …) - l'échelle s'adapte aux données
|
|
25
|
+
const allValues = series.flatMap((s) => s.values).filter(Number.isFinite);
|
|
26
|
+
const domainMax = Number.isFinite(maxValue) && (maxValue ?? 0) > 0 ? maxValue : Math.max(1, ...allValues);
|
|
27
|
+
const angles = axes.map((_, index) => -Math.PI / 2 + (Math.PI * 2 * index) / Math.max(axes.length, 1));
|
|
28
|
+
const rings = Array.from({ length: levelCount }, (_, index) => {
|
|
29
|
+
const ringRadius = (radius * (index + 1)) / levelCount;
|
|
30
|
+
return angles.map((angle) => polarPoint(cx, cy, ringRadius, angle)).map((p) => `${p.x},${p.y}`).join(" ");
|
|
31
|
+
});
|
|
32
|
+
const polygons = series.map((entry, seriesIndex) => {
|
|
33
|
+
const tone = entry.tone ?? TONES[seriesIndex % TONES.length];
|
|
34
|
+
const points = axes.map((_, axisIndex) => {
|
|
35
|
+
const value = Math.max(0, entry.values[axisIndex] ?? 0);
|
|
36
|
+
const scaled = Math.min(value / domainMax, 1) * radius;
|
|
37
|
+
return polarPoint(cx, cy, scaled, angles[axisIndex]);
|
|
38
|
+
});
|
|
39
|
+
return {
|
|
40
|
+
entry,
|
|
41
|
+
tone,
|
|
42
|
+
points,
|
|
43
|
+
pointString: points.map((p) => `${p.x},${p.y}`).join(" "),
|
|
44
|
+
};
|
|
45
|
+
});
|
|
46
|
+
const dataValueItems = series.flatMap((entry) => axes.map((axis, axisIndex) => `${entry.label}, ${axis}: ${entry.values[axisIndex] ?? 0}`));
|
|
47
|
+
function handleVisualPointerMove(event) {
|
|
48
|
+
const target = event.target;
|
|
49
|
+
if (!(target instanceof Element)) {
|
|
50
|
+
setHoveredIndex(null);
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
const index = Number(target.getAttribute("data-chart-index"));
|
|
54
|
+
setHoveredIndex(Number.isInteger(index) ? index : null);
|
|
55
|
+
}
|
|
56
|
+
const hoveredPolygon = hoveredIndex !== null ? polygons[hoveredIndex] : undefined;
|
|
57
|
+
return (_jsxs("div", { ...rest, className: classNames("st-radarChart", className), children: [_jsx("div", { className: "st-radarChart__visual", role: "img", "aria-label": label, onPointerMove: handleVisualPointerMove, onPointerLeave: () => setHoveredIndex(null), children: _jsxs("svg", { viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "xMidYMid meet", width: "100%", height: "100%", focusable: "false", "aria-hidden": "true", children: [rings.map((ring, i) => (_jsx("polygon", { className: "st-radarChart__ring", points: ring }, i))), axes.map((axis, index) => {
|
|
58
|
+
const end = polarPoint(cx, cy, radius, angles[index]);
|
|
59
|
+
const labelPoint = polarPoint(cx, cy, radius + 22, angles[index]);
|
|
60
|
+
return (_jsxs(React.Fragment, { children: [_jsx("line", { className: "st-radarChart__axis", x1: cx, y1: cy, x2: end.x, y2: end.y }), _jsx("text", { className: "st-radarChart__axisLabel", x: labelPoint.x, y: labelPoint.y, textAnchor: "middle", dominantBaseline: "middle", children: axis })] }, axis));
|
|
61
|
+
}), polygons.map((polygon, i) => (_jsxs(React.Fragment, { children: [_jsx("polygon", { className: classNames("st-radarChart__polygon", `st-radarChart__polygon--${polygon.tone}`, hoveredIndex !== null && hoveredIndex !== i ? "st-radarChart__polygon--dim" : undefined), points: polygon.pointString, "data-chart-index": i }), polygon.points.map((point, pointIndex) => (_jsx("circle", { className: classNames("st-radarChart__point", `st-radarChart__point--${polygon.tone}`), cx: point.x, cy: point.y, r: "3", "data-chart-index": i }, `${polygon.entry.label}-${pointIndex}`)))] }, polygon.entry.label)))] }) }), _jsx(ChartDataList, { label: label, items: dataValueItems }), hoveredPolygon ? (_jsx("div", { className: "st-radarChart__tooltip", role: "presentation", children: _jsx("span", { className: "st-radarChart__tooltipLabel", children: hoveredPolygon.entry.label }) })) : null, legend && series.length > 0 ? (_jsx("ul", { className: "st-radarChart__legend", "aria-hidden": "true", children: series.map((item, index) => {
|
|
62
|
+
const tone = item.tone ?? TONES[index % TONES.length];
|
|
63
|
+
return (_jsxs("li", { className: "st-radarChart__legendItem", children: [_jsx("span", { className: `st-radarChart__legendSwatch st-radarChart__legendSwatch--${tone}` }), item.label] }, item.label));
|
|
64
|
+
}) })) : null] }));
|
|
65
|
+
}
|
|
66
|
+
//# sourceMappingURL=RadarChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadarChart.js","sourceRoot":"","sources":["../src/RadarChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type SankeyChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
|
|
3
|
+
export type SankeyChartNode = {
|
|
4
|
+
id: string;
|
|
5
|
+
label: string;
|
|
6
|
+
tone?: SankeyChartTone;
|
|
7
|
+
};
|
|
8
|
+
export type SankeyChartLink = {
|
|
9
|
+
source: string;
|
|
10
|
+
target: string;
|
|
11
|
+
value: number;
|
|
12
|
+
tone?: SankeyChartTone;
|
|
13
|
+
};
|
|
14
|
+
export type SankeyChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
|
|
15
|
+
nodes: SankeyChartNode[];
|
|
16
|
+
links: SankeyChartLink[];
|
|
17
|
+
width?: number;
|
|
18
|
+
height?: number;
|
|
19
|
+
label: string;
|
|
20
|
+
className?: string;
|
|
21
|
+
};
|
|
22
|
+
export declare function SankeyChart({ nodes, links, width, height, label, className, ...rest }: SankeyChartProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
//# sourceMappingURL=SankeyChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SankeyChart.d.ts","sourceRoot":"","sources":["../src/SankeyChart.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,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,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,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAoCF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAW,EAAE,MAAY,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CA6KnH"}
|
|
@@ -0,0 +1,126 @@
|
|
|
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 } from "./chartScale.js";
|
|
5
|
+
const MARGIN = { top: 18, right: 26, bottom: 18, left: 26 };
|
|
6
|
+
const NODE_WIDTH = 14;
|
|
7
|
+
const TONES = [
|
|
8
|
+
"category1",
|
|
9
|
+
"category2",
|
|
10
|
+
"category3",
|
|
11
|
+
"category4",
|
|
12
|
+
"category5",
|
|
13
|
+
"category6",
|
|
14
|
+
"category7",
|
|
15
|
+
"category8",
|
|
16
|
+
];
|
|
17
|
+
function magnitude(value) {
|
|
18
|
+
return Number.isFinite(value) && value > 0 ? value : 0;
|
|
19
|
+
}
|
|
20
|
+
function buildDepths(nodes, links) {
|
|
21
|
+
const depths = new Map(nodes.map((node) => [node.id, 0]));
|
|
22
|
+
for (let pass = 0; pass < nodes.length; pass += 1) {
|
|
23
|
+
let changed = false;
|
|
24
|
+
for (const link of links) {
|
|
25
|
+
const sourceDepth = depths.get(link.source) ?? 0;
|
|
26
|
+
const targetDepth = depths.get(link.target) ?? 0;
|
|
27
|
+
if (sourceDepth + 1 > targetDepth) {
|
|
28
|
+
depths.set(link.target, sourceDepth + 1);
|
|
29
|
+
changed = true;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
if (!changed)
|
|
33
|
+
break;
|
|
34
|
+
}
|
|
35
|
+
return depths;
|
|
36
|
+
}
|
|
37
|
+
export function SankeyChart({ nodes, links, width = 560, height = 280, label, className, ...rest }) {
|
|
38
|
+
const [hoveredLinkIndex, setHoveredLinkIndex] = React.useState(null);
|
|
39
|
+
const nodeById = new Map(nodes.map((node) => [node.id, node]));
|
|
40
|
+
// Conservation de flux : hauteur nœud = max(Σ flux sortants, Σ flux entrants)
|
|
41
|
+
const valueOut = new Map();
|
|
42
|
+
const valueIn = new Map();
|
|
43
|
+
nodes.forEach((node) => {
|
|
44
|
+
valueOut.set(node.id, 0);
|
|
45
|
+
valueIn.set(node.id, 0);
|
|
46
|
+
});
|
|
47
|
+
links.forEach((link) => {
|
|
48
|
+
const v = magnitude(link.value);
|
|
49
|
+
valueOut.set(link.source, (valueOut.get(link.source) ?? 0) + v);
|
|
50
|
+
valueIn.set(link.target, (valueIn.get(link.target) ?? 0) + v);
|
|
51
|
+
});
|
|
52
|
+
const nodeValues = new Map();
|
|
53
|
+
nodes.forEach((node) => {
|
|
54
|
+
nodeValues.set(node.id, Math.max(valueOut.get(node.id) ?? 0, valueIn.get(node.id) ?? 0));
|
|
55
|
+
});
|
|
56
|
+
const depths = buildDepths(nodes, links);
|
|
57
|
+
const maxDepth = Math.max(0, ...nodes.map((node) => depths.get(node.id) ?? 0));
|
|
58
|
+
const plotWidth = Math.max(width - MARGIN.left - MARGIN.right - NODE_WIDTH, 1);
|
|
59
|
+
const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
|
|
60
|
+
const maxNodeValue = Math.max(1, ...Array.from(nodeValues.values()));
|
|
61
|
+
const byDepth = new Map();
|
|
62
|
+
nodes.forEach((node) => {
|
|
63
|
+
const depth = depths.get(node.id) ?? 0;
|
|
64
|
+
const bucket = byDepth.get(depth) ?? [];
|
|
65
|
+
bucket.push(node);
|
|
66
|
+
byDepth.set(depth, bucket);
|
|
67
|
+
});
|
|
68
|
+
const positionedNodes = nodes.map((node, index) => {
|
|
69
|
+
const depth = depths.get(node.id) ?? 0;
|
|
70
|
+
const bucket = byDepth.get(depth) ?? [node];
|
|
71
|
+
const row = Math.max(0, bucket.findIndex((entry) => entry.id === node.id));
|
|
72
|
+
const slot = plotHeight / Math.max(bucket.length, 1);
|
|
73
|
+
const nodeHeight = Math.max(24, Math.min(slot * 0.72, 18 + ((nodeValues.get(node.id) ?? 0) / maxNodeValue) * 54));
|
|
74
|
+
const x = MARGIN.left + (maxDepth === 0 ? plotWidth / 2 : (plotWidth * depth) / maxDepth);
|
|
75
|
+
const y = MARGIN.top + slot * row + (slot - nodeHeight) / 2;
|
|
76
|
+
const tone = node.tone ?? TONES[index % TONES.length];
|
|
77
|
+
return {
|
|
78
|
+
node,
|
|
79
|
+
tone,
|
|
80
|
+
x,
|
|
81
|
+
y,
|
|
82
|
+
width: NODE_WIDTH,
|
|
83
|
+
height: nodeHeight,
|
|
84
|
+
centerY: y + nodeHeight / 2,
|
|
85
|
+
};
|
|
86
|
+
});
|
|
87
|
+
const positionedById = new Map(positionedNodes.map((pn) => [pn.node.id, pn]));
|
|
88
|
+
const maxLinkValue = Math.max(1, ...links.map((link) => magnitude(link.value)));
|
|
89
|
+
const positionedLinks = links.map((link, index) => {
|
|
90
|
+
const source = positionedById.get(link.source);
|
|
91
|
+
const target = positionedById.get(link.target);
|
|
92
|
+
const fallbackY = MARGIN.top + plotHeight / 2;
|
|
93
|
+
const x1 = (source?.x ?? MARGIN.left) + NODE_WIDTH;
|
|
94
|
+
const y1 = source?.centerY ?? fallbackY;
|
|
95
|
+
const x2 = target?.x ?? width - MARGIN.right;
|
|
96
|
+
const y2 = target?.centerY ?? fallbackY;
|
|
97
|
+
const c = Math.max(32, Math.abs(x2 - x1) * 0.5);
|
|
98
|
+
return {
|
|
99
|
+
link,
|
|
100
|
+
source,
|
|
101
|
+
target,
|
|
102
|
+
tone: link.tone ?? source?.tone ?? TONES[index % TONES.length],
|
|
103
|
+
strokeWidth: Math.max(2, (magnitude(link.value) / maxLinkValue) * 18),
|
|
104
|
+
path: `M ${x1} ${y1} C ${x1 + c} ${y1}, ${x2 - c} ${y2}, ${x2} ${y2}`,
|
|
105
|
+
midX: (x1 + x2) / 2,
|
|
106
|
+
midY: (y1 + y2) / 2,
|
|
107
|
+
};
|
|
108
|
+
});
|
|
109
|
+
const dataValueItems = links.map((link) => {
|
|
110
|
+
const sourceLabel = nodeById.get(link.source)?.label ?? link.source;
|
|
111
|
+
const targetLabel = nodeById.get(link.target)?.label ?? link.target;
|
|
112
|
+
return `${sourceLabel} -> ${targetLabel}: ${link.value}`;
|
|
113
|
+
});
|
|
114
|
+
function handleVisualPointerMove(event) {
|
|
115
|
+
const target = event.target;
|
|
116
|
+
if (!(target instanceof Element)) {
|
|
117
|
+
setHoveredLinkIndex(null);
|
|
118
|
+
return;
|
|
119
|
+
}
|
|
120
|
+
const index = Number(target.getAttribute("data-link-index"));
|
|
121
|
+
setHoveredLinkIndex(Number.isInteger(index) ? index : null);
|
|
122
|
+
}
|
|
123
|
+
const hoveredFlow = hoveredLinkIndex !== null ? positionedLinks[hoveredLinkIndex] : undefined;
|
|
124
|
+
return (_jsxs("div", { ...rest, className: classNames("st-sankeyChart", className), children: [_jsx("div", { className: "st-sankeyChart__visual", role: "img", "aria-label": label, onPointerMove: handleVisualPointerMove, onPointerLeave: () => setHoveredLinkIndex(null), children: _jsxs("svg", { viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "xMidYMid meet", width: "100%", height: "100%", focusable: "false", "aria-hidden": "true", children: [_jsx("g", { className: "st-sankeyChart__links", children: positionedLinks.map((flow, i) => (_jsx("path", { className: classNames("st-sankeyChart__link", `st-sankeyChart__link--${flow.tone}`, hoveredLinkIndex !== null && hoveredLinkIndex !== i ? "st-sankeyChart__link--dim" : undefined), d: flow.path, strokeWidth: flow.strokeWidth, "data-link-index": i }, `${flow.link.source}-${flow.link.target}-${i}`))) }), _jsx("g", { className: "st-sankeyChart__nodes", children: positionedNodes.map((entry) => (_jsxs(React.Fragment, { children: [_jsx("rect", { className: classNames("st-sankeyChart__node", `st-sankeyChart__node--${entry.tone}`), x: entry.x, y: entry.y, width: entry.width, height: entry.height, rx: "2" }), _jsx("text", { className: "st-sankeyChart__nodeLabel", x: entry.x + entry.width + 6, y: entry.centerY, dominantBaseline: "middle", children: entry.node.label })] }, entry.node.id))) })] }) }), _jsx(ChartDataList, { label: label, items: dataValueItems }), hoveredFlow ? (_jsxs("div", { className: "st-sankeyChart__tooltip", role: "presentation", style: { left: `${(hoveredFlow.midX / width) * 100}%`, top: `${(hoveredFlow.midY / height) * 100}%` }, children: [_jsxs("span", { className: "st-sankeyChart__tooltipLabel", children: [hoveredFlow.source?.node.label ?? hoveredFlow.link.source, " -> ", hoveredFlow.target?.node.label ?? hoveredFlow.link.target] }), _jsx("span", { className: "st-sankeyChart__tooltipValue", children: hoveredFlow.link.value })] })) : null] }));
|
|
125
|
+
}
|
|
126
|
+
//# sourceMappingURL=SankeyChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SankeyChart.js","sourceRoot":"","sources":["../src/SankeyChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectableList.d.ts","sourceRoot":"","sources":["../src/SelectableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX,GAAG;IACF,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAkBF;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"SelectableList.d.ts","sourceRoot":"","sources":["../src/SelectableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX,GAAG;IACF,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAkBF;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mBAAmB,2CAkKrB;yBA3Ke,cAAc"}
|
package/dist/SelectableList.js
CHANGED
|
@@ -53,9 +53,15 @@ export function SelectableList({ label, labelledby, multiple = false, value, onC
|
|
|
53
53
|
function currentSelection() {
|
|
54
54
|
return controlledRef.current ? toSet(valueRef.current) : internalRef.current;
|
|
55
55
|
}
|
|
56
|
-
// Default roving stop = first registered (DOM-ordered) row when none focused
|
|
56
|
+
// Default roving stop = first non-disabled registered (DOM-ordered) row when none focused,
|
|
57
|
+
// or when the current tabStopEl has become disabled.
|
|
57
58
|
function effectiveTabStop() {
|
|
58
|
-
|
|
59
|
+
if (tabStopRef.current) {
|
|
60
|
+
const entry = entriesRef.current.find((e) => e.el === tabStopRef.current);
|
|
61
|
+
if (entry && !entry.disabled)
|
|
62
|
+
return tabStopRef.current;
|
|
63
|
+
}
|
|
64
|
+
return entriesRef.current.find((e) => !e.disabled)?.el ?? null;
|
|
59
65
|
}
|
|
60
66
|
function valueOf(el) {
|
|
61
67
|
return entriesRef.current.find((e) => e.el === el)?.value;
|
|
@@ -63,10 +69,10 @@ export function SelectableList({ label, labelledby, multiple = false, value, onC
|
|
|
63
69
|
// Stable context methods — created ONCE so the context object never changes
|
|
64
70
|
// identity. They read mutable state from refs and bump the version to re-render.
|
|
65
71
|
const context = React.useMemo(() => {
|
|
66
|
-
const register = (el, rowValue) => {
|
|
72
|
+
const register = (el, rowValue, rowDisabled = false) => {
|
|
67
73
|
entriesRef.current = sortByDom([
|
|
68
74
|
...entriesRef.current.filter((e) => e.el !== el),
|
|
69
|
-
{ el, value: rowValue },
|
|
75
|
+
{ el, value: rowValue, disabled: rowDisabled },
|
|
70
76
|
]);
|
|
71
77
|
bump();
|
|
72
78
|
return () => {
|
|
@@ -120,17 +126,43 @@ export function SelectableList({ label, labelledby, multiple = false, value, onC
|
|
|
120
126
|
const idx = list.findIndex((e) => e.el === el);
|
|
121
127
|
if (idx === -1)
|
|
122
128
|
return;
|
|
123
|
-
let targetIdx =
|
|
124
|
-
if (key === "ArrowDown" || key === "ArrowRight")
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
129
|
+
let targetIdx = null;
|
|
130
|
+
if (key === "ArrowDown" || key === "ArrowRight") {
|
|
131
|
+
// Walk forward, find next non-disabled entry.
|
|
132
|
+
for (let i = idx + 1; i < list.length; i++) {
|
|
133
|
+
if (!list[i].disabled) {
|
|
134
|
+
targetIdx = i;
|
|
135
|
+
break;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
else if (key === "ArrowUp" || key === "ArrowLeft") {
|
|
140
|
+
// Walk backward, find previous non-disabled entry.
|
|
141
|
+
for (let i = idx - 1; i >= 0; i--) {
|
|
142
|
+
if (!list[i].disabled) {
|
|
143
|
+
targetIdx = i;
|
|
144
|
+
break;
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
else if (key === "Home") {
|
|
149
|
+
for (let i = 0; i < list.length; i++) {
|
|
150
|
+
if (!list[i].disabled) {
|
|
151
|
+
targetIdx = i;
|
|
152
|
+
break;
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
else if (key === "End") {
|
|
157
|
+
for (let i = list.length - 1; i >= 0; i--) {
|
|
158
|
+
if (!list[i].disabled) {
|
|
159
|
+
targetIdx = i;
|
|
160
|
+
break;
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
if (targetIdx === null)
|
|
165
|
+
return;
|
|
134
166
|
const target = list[targetIdx]?.el;
|
|
135
167
|
if (target) {
|
|
136
168
|
tabStopRef.current = target;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectableList.js","sourceRoot":"","sources":["../src/SelectableList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EACL,qBAAqB,EACrB,4BAA4B,GAE7B,MAAM,oBAAoB,CAAC;AAiC5B,SAAS,KAAK,CAAC,CAAuC;IACpD,IAAI,CAAC,IAAI,IAAI;QAAE,OAAO,IAAI,GAAG,EAAE,CAAC;IAChC,OAAO,IAAI,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,SAAS,SAAS,CAAC,IAAa;IAC9B,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAC7B,MAAM,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC/C,IAAI,GAAG,GAAG,IAAI,CAAC,2BAA2B;YAAE,OAAO,CAAC,CAAC,CAAC;QACtD,IAAI,GAAG,GAAG,IAAI,CAAC,2BAA2B;YAAE,OAAO,CAAC,CAAC;QACrD,OAAO,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACa;IACpB,gEAAgE;IAChE,MAAM,UAAU,GAAG,KAAK,KAAK,SAAS,CAAC;IAEvC,0EAA0E;IAC1E,0EAA0E;IAC1E,+EAA+E;IAC/E,+EAA+E;IAC/E,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAU,EAAE,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC1D,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,GAAG,EAAE,CAAC,CAAC;IAEzD,+EAA+E;IAC/E,+DAA+D;IAC/D,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IACnE,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAElD,6EAA6E;IAC7E,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAC/C,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC;IACnC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3C,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAC/B,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3C,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,SAAS,gBAAgB;QACvB,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC;IAC/E,CAAC;IAED,
|
|
1
|
+
{"version":3,"file":"SelectableList.js","sourceRoot":"","sources":["../src/SelectableList.tsx"],"names":[],"mappings":"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"}
|
package/dist/SelectableRow.d.ts
CHANGED
|
@@ -11,8 +11,8 @@ export type SelectableListContextValue = {
|
|
|
11
11
|
readonly managed: true;
|
|
12
12
|
/** listbox role for the wrapper → rows are "option". */
|
|
13
13
|
readonly itemRole: "option";
|
|
14
|
-
/** Register a row element; returns an unregister callback. */
|
|
15
|
-
register: (el: HTMLElement, value: string | undefined) => () => void;
|
|
14
|
+
/** Register a row element; returns an unregister callback. disabled is forwarded so the list can skip it during keyboard navigation. */
|
|
15
|
+
register: (el: HTMLElement, value: string | undefined, disabled?: boolean) => () => void;
|
|
16
16
|
/** Is the row with this element currently selected? */
|
|
17
17
|
isSelected: (el: HTMLElement) => boolean;
|
|
18
18
|
/** Should the row with this element be the roving-tabindex stop (tabindex 0)? */
|
|
@@ -47,8 +47,9 @@ export type SelectableRowProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onS
|
|
|
47
47
|
/** Stable value, surfaced as `data-value` and used by the list for `value`. */
|
|
48
48
|
value?: string;
|
|
49
49
|
/**
|
|
50
|
-
* ARIA role for the standalone row. Defaults to "
|
|
51
|
-
*
|
|
50
|
+
* ARIA role for the standalone row. Defaults to "button" for standalone use —
|
|
51
|
+
* "option" is only valid inside a listbox and would be invalid without one.
|
|
52
|
+
* Inside a SelectableList the role is always forced to "option".
|
|
52
53
|
*/
|
|
53
54
|
role?: string;
|
|
54
55
|
/**
|
|
@@ -87,8 +88,9 @@ export declare const SelectableRow: React.ForwardRefExoticComponent<Omit<React.H
|
|
|
87
88
|
/** Stable value, surfaced as `data-value` and used by the list for `value`. */
|
|
88
89
|
value?: string;
|
|
89
90
|
/**
|
|
90
|
-
* ARIA role for the standalone row. Defaults to "
|
|
91
|
-
*
|
|
91
|
+
* ARIA role for the standalone row. Defaults to "button" for standalone use —
|
|
92
|
+
* "option" is only valid inside a listbox and would be invalid without one.
|
|
93
|
+
* Inside a SelectableList the role is always forced to "option".
|
|
92
94
|
*/
|
|
93
95
|
role?: string;
|
|
94
96
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectableRow.d.ts","sourceRoot":"","sources":["../src/SelectableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;GAMG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACvC,gEAAgE;IAChE,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC;IACvB,wDAAwD;IACxD,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,
|
|
1
|
+
{"version":3,"file":"SelectableRow.d.ts","sourceRoot":"","sources":["../src/SelectableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;GAMG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACvC,gEAAgE;IAChE,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC;IACvB,wDAAwD;IACxD,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,wIAAwI;IACxI,QAAQ,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,MAAM,IAAI,CAAC;IACzF,uDAAuD;IACvD,UAAU,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;IACzC,iFAAiF;IACjF,SAAS,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;IACxC,6EAA6E;IAC7E,QAAQ,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC;IACpC,wDAAwD;IACxD,QAAQ,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC;IACpC,gDAAgD;IAChD,QAAQ,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,qBAAqB,kDAC4B,CAAC;AAE/D;;;;;;GAMG;AACH,eAAO,MAAM,4BAA4B,uBAAyB,CAAC;AAEnE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX,GAAG;IACF;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa;IAzCxB;;;;OAIG;eACQ,OAAO;IAClB,8EAA8E;eACnE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI;IACtC,iCAAiC;eACtB,OAAO;IAClB,+EAA+E;YACvE,MAAM;IACd;;;;OAIG;WACI,MAAM;IACb;;;OAGG;gBACS,OAAO;IACnB,uCAAuC;cAC7B,KAAK,CAAC,SAAS;IACzB,sCAAsC;eAC3B,KAAK,CAAC,SAAS;IAC1B,oBAAoB;eACT,KAAK,CAAC,SAAS;gBACd,MAAM;wCA8InB,CAAC"}
|
package/dist/SelectableRow.js
CHANGED
|
@@ -19,7 +19,7 @@ export const SelectableListVersionContext = React.createContext(0);
|
|
|
19
19
|
* (Enter / Space), inert when disabled. Inside a {@link SelectableList} the list
|
|
20
20
|
* (via context) owns selection and the roving tabindex.
|
|
21
21
|
*/
|
|
22
|
-
export const SelectableRow = React.forwardRef(({ selected = false, onSelect, disabled = false, value, role = "
|
|
22
|
+
export const SelectableRow = React.forwardRef(({ selected = false, onSelect, disabled = false, value, role = "button", accentBar = false, leading, trailing, children, className, ...rest }, ref) => {
|
|
23
23
|
const list = React.useContext(SelectableListContext);
|
|
24
24
|
// Subscribe to the list's version so this row re-renders (and recomputes
|
|
25
25
|
// role / tabindex / aria-selected) on every selection / focus / registry
|
|
@@ -35,13 +35,24 @@ export const SelectableRow = React.forwardRef(({ selected = false, onSelect, dis
|
|
|
35
35
|
ref.current = el;
|
|
36
36
|
}, [ref]);
|
|
37
37
|
// Register with the parent list (if any) so it can order rows for arrow nav
|
|
38
|
-
// and compute the roving tab stop.
|
|
38
|
+
// and compute the roving tab stop. Disabled rows are registered too so the
|
|
39
|
+
// list can skip them during navigation; the list owns the skip logic.
|
|
39
40
|
React.useEffect(() => {
|
|
40
41
|
const el = innerRef.current;
|
|
41
|
-
if (!list || !el
|
|
42
|
+
if (!list || !el)
|
|
42
43
|
return;
|
|
43
|
-
return list.register(el, value);
|
|
44
|
+
return list.register(el, value, disabled);
|
|
44
45
|
}, [list, value, disabled]);
|
|
46
|
+
// A11y edge-case: quand cette row passe à disabled=true ET qu'elle détient
|
|
47
|
+
// le focus DOM, transférer le focus vers la prochaine row enabled via navigate().
|
|
48
|
+
React.useEffect(() => {
|
|
49
|
+
if (!disabled || !list)
|
|
50
|
+
return;
|
|
51
|
+
const el = innerRef.current;
|
|
52
|
+
if (!el || !el.contains(document.activeElement ?? null))
|
|
53
|
+
return;
|
|
54
|
+
list.navigate(el, "ArrowDown");
|
|
55
|
+
}, [disabled, list]);
|
|
45
56
|
// Subscribe to list re-renders so managed rows recompute selected/tabstop.
|
|
46
57
|
// The list bumps this version on every selection / focus change.
|
|
47
58
|
const el = innerRef.current;
|
|
@@ -87,7 +98,7 @@ export const SelectableRow = React.forwardRef(({ selected = false, onSelect, dis
|
|
|
87
98
|
if (list && node)
|
|
88
99
|
list.focusRow(node);
|
|
89
100
|
}
|
|
90
|
-
return (_jsxs("div", { ...rest, ref: setRef, className: classNames("st-selectableRow", isSelected && "st-selectableRow--selected", disabled && "st-selectableRow--disabled", accentBar && "st-selectableRow--accentBar", className), role: effectiveRole, "aria-selected": effectiveRole === "option" ? isSelected : undefined, "aria-disabled": disabled ? "true" : undefined, "data-value": value, tabIndex: tabIndex, onClick: activate, onKeyDown: handleKeyDown, onFocus: handleFocus, children: [leading != null ? (_jsx("span", { className: "st-selectableRow__leading", children: leading })) : null, _jsx("span", { className: "st-selectableRow__content", children: children }), trailing != null ? (_jsx("span", { className: "st-selectableRow__trailing", children: trailing })) : null] }));
|
|
101
|
+
return (_jsxs("div", { ...rest, ref: setRef, className: classNames("st-selectableRow", isSelected && "st-selectableRow--selected", disabled && "st-selectableRow--disabled", accentBar && "st-selectableRow--accentBar", className), role: effectiveRole, "aria-selected": effectiveRole === "option" ? isSelected : undefined, "aria-pressed": effectiveRole === "button" ? isSelected : undefined, "aria-disabled": disabled ? "true" : undefined, "data-value": value, tabIndex: tabIndex, onClick: activate, onKeyDown: handleKeyDown, onFocus: handleFocus, children: [leading != null ? (_jsx("span", { className: "st-selectableRow__leading", children: leading })) : null, _jsx("span", { className: "st-selectableRow__content", children: children }), trailing != null ? (_jsx("span", { className: "st-selectableRow__trailing", children: trailing })) : null] }));
|
|
91
102
|
});
|
|
92
103
|
SelectableRow.displayName = "SelectableRow";
|
|
93
104
|
//# sourceMappingURL=SelectableRow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectableRow.js","sourceRoot":"","sources":["../src/SelectableRow.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AA4B7C,MAAM,CAAC,MAAM,qBAAqB,GAChC,KAAK,CAAC,aAAa,CAAoC,IAAI,CAAC,CAAC;AAE/D;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectableRow.js","sourceRoot":"","sources":["../src/SelectableRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type SunburstChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
|
|
3
|
+
export type SunburstChartDatum = {
|
|
4
|
+
label: string;
|
|
5
|
+
value?: number;
|
|
6
|
+
tone?: SunburstChartTone;
|
|
7
|
+
children?: SunburstChartDatum[];
|
|
8
|
+
};
|
|
9
|
+
export type SunburstChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
|
|
10
|
+
data: SunburstChartDatum;
|
|
11
|
+
/** Largeur du viewBox (défaut 320). */
|
|
12
|
+
width?: number;
|
|
13
|
+
/** Hauteur du viewBox (défaut 320). */
|
|
14
|
+
height?: number;
|
|
15
|
+
legend?: boolean;
|
|
16
|
+
label: string;
|
|
17
|
+
className?: string;
|
|
18
|
+
};
|
|
19
|
+
export declare function SunburstChart({ data, width, height, legend, label, className, ...rest }: SunburstChartProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
//# sourceMappingURL=SunburstChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SunburstChart.d.ts","sourceRoot":"","sources":["../src/SunburstChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,iBAAiB,GACzB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,QAAQ,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IACzF,IAAI,EAAE,kBAAkB,CAAC;IACzB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA6DF,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,MAAc,EACd,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAsKpB"}
|