@sentropic/design-system-react 0.13.0 → 0.15.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/BulletChart.d.ts +17 -0
- package/dist/BulletChart.d.ts.map +1 -0
- package/dist/BulletChart.js +185 -0
- package/dist/BulletChart.js.map +1 -0
- package/dist/BumpChart.d.ts +17 -0
- package/dist/BumpChart.d.ts.map +1 -0
- package/dist/BumpChart.js +142 -0
- package/dist/BumpChart.js.map +1 -0
- package/dist/CalendarHeatmapChart.d.ts +14 -0
- package/dist/CalendarHeatmapChart.d.ts.map +1 -0
- package/dist/CalendarHeatmapChart.js +138 -0
- package/dist/CalendarHeatmapChart.js.map +1 -0
- package/dist/CandlestickChart.d.ts +17 -0
- package/dist/CandlestickChart.d.ts.map +1 -0
- package/dist/CandlestickChart.js +116 -0
- package/dist/CandlestickChart.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/MarimekkoChart.d.ts +21 -0
- package/dist/MarimekkoChart.d.ts.map +1 -0
- package/dist/MarimekkoChart.js +88 -0
- package/dist/MarimekkoChart.js.map +1 -0
- package/dist/ParallelCoordinatesChart.d.ts +19 -0
- package/dist/ParallelCoordinatesChart.d.ts.map +1 -0
- package/dist/ParallelCoordinatesChart.js +116 -0
- package/dist/ParallelCoordinatesChart.js.map +1 -0
- 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/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/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 +24 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +12 -0
- package/dist/index.js.map +1 -1
- package/dist/styles.css +906 -0
- package/package.json +1 -1
|
@@ -0,0 +1,138 @@
|
|
|
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", "category2", "category3", "category4",
|
|
7
|
+
"category5", "category6", "category7", "category8",
|
|
8
|
+
];
|
|
9
|
+
const MARGIN = { top: 24, right: 8, bottom: 8, left: 24 };
|
|
10
|
+
const DAY_LABELS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
|
|
11
|
+
const MONTH_ABBR = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
|
|
12
|
+
/**
|
|
13
|
+
* FIX: strict parse YYYY-MM-DD in UTC.
|
|
14
|
+
* Returns null if date is invalid or round-trip fails.
|
|
15
|
+
*/
|
|
16
|
+
function parseUTCDate(dateStr) {
|
|
17
|
+
const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(dateStr);
|
|
18
|
+
if (!m)
|
|
19
|
+
return null;
|
|
20
|
+
const year = Number(m[1]);
|
|
21
|
+
const month = Number(m[2]);
|
|
22
|
+
const day = Number(m[3]);
|
|
23
|
+
if (month < 1 || month > 12 || day < 1 || day > 31)
|
|
24
|
+
return null;
|
|
25
|
+
const ts = Date.UTC(year, month - 1, day);
|
|
26
|
+
// Round-trip: re-serialized UTC date must equal input
|
|
27
|
+
const check = new Date(ts).toISOString().slice(0, 10);
|
|
28
|
+
if (check !== dateStr)
|
|
29
|
+
return null;
|
|
30
|
+
return { year, month, day, ts };
|
|
31
|
+
}
|
|
32
|
+
/** Number of whole days between two UTC timestamps (diff ms / ms-per-day) */
|
|
33
|
+
function daysDiff(tsA, tsB) {
|
|
34
|
+
return Math.round((tsB - tsA) / 86400000);
|
|
35
|
+
}
|
|
36
|
+
export function CalendarHeatmapChart({ data = [], label, width = 480, height = 140, className, ...rest }) {
|
|
37
|
+
const [hoveredDate, setHoveredDate] = React.useState(null);
|
|
38
|
+
const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
|
|
39
|
+
const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
|
|
40
|
+
const grid = React.useMemo(() => {
|
|
41
|
+
if (data.length === 0)
|
|
42
|
+
return { cells: [], weeks: 0, monthLabels: [] };
|
|
43
|
+
// FIX: strict validation (UTC parse + round-trip)
|
|
44
|
+
const validData = data.filter((d) => parseUTCDate(d.date) !== null && Number.isFinite(d.value));
|
|
45
|
+
if (validData.length === 0)
|
|
46
|
+
return { cells: [], weeks: 0, monthLabels: [] };
|
|
47
|
+
const sorted = [...validData].sort((a, b) => a.date.localeCompare(b.date));
|
|
48
|
+
const firstParsed = parseUTCDate(sorted[0].date);
|
|
49
|
+
const lastParsed = parseUTCDate(sorted[sorted.length - 1].date);
|
|
50
|
+
const vals = sorted.map((d) => d.value);
|
|
51
|
+
const minVal = Math.min(...vals);
|
|
52
|
+
const maxVal = Math.max(...vals);
|
|
53
|
+
const valueRange = maxVal > minVal ? maxVal - minVal : 1;
|
|
54
|
+
const map = new Map();
|
|
55
|
+
for (const d of sorted) {
|
|
56
|
+
map.set(d.date, d.value);
|
|
57
|
+
}
|
|
58
|
+
// FIX: use getUTCDay() for day-of-week, NEVER local getDay()
|
|
59
|
+
const firstDate = new Date(firstParsed.ts);
|
|
60
|
+
const lastDate = new Date(lastParsed.ts);
|
|
61
|
+
// Grid start: Sunday of the week containing firstDate (UTC)
|
|
62
|
+
const startDOW = firstDate.getUTCDay(); // 0=Sun
|
|
63
|
+
const gridStartTs = firstParsed.ts - startDOW * 86400000;
|
|
64
|
+
// Grid end: Saturday of the week containing lastDate (UTC)
|
|
65
|
+
const endDOW = lastDate.getUTCDay();
|
|
66
|
+
const gridEndTs = lastParsed.ts + (6 - endDOW) * 86400000;
|
|
67
|
+
// FIX: count weeks in whole calendar days
|
|
68
|
+
const totalDays = daysDiff(gridStartTs, gridEndTs) + 1;
|
|
69
|
+
const weeks = Math.ceil(totalDays / 7);
|
|
70
|
+
const cellW = plotWidth / Math.max(weeks, 1);
|
|
71
|
+
const cellH = plotHeight / 7;
|
|
72
|
+
const cells = [];
|
|
73
|
+
const monthLabelMap = new Map(); // month key -> x
|
|
74
|
+
for (let dayIndex = 0; dayIndex < totalDays; dayIndex++) {
|
|
75
|
+
const curTs = gridStartTs + dayIndex * 86400000;
|
|
76
|
+
const curDate = new Date(curTs);
|
|
77
|
+
// FIX: use UTC methods everywhere
|
|
78
|
+
const dow = curDate.getUTCDay();
|
|
79
|
+
const week = Math.floor(dayIndex / 7);
|
|
80
|
+
// FIX: UTC serialization
|
|
81
|
+
const dateStr = curDate.toISOString().slice(0, 10);
|
|
82
|
+
const val = map.get(dateStr) ?? null;
|
|
83
|
+
const x = MARGIN.left + week * cellW;
|
|
84
|
+
const y = MARGIN.top + dow * cellH;
|
|
85
|
+
let tone = null;
|
|
86
|
+
if (val !== null && Number.isFinite(val)) {
|
|
87
|
+
const idx = Math.min(TONES.length - 1, Math.floor(((val - minVal) / valueRange) * TONES.length));
|
|
88
|
+
tone = TONES[Math.max(0, idx)];
|
|
89
|
+
}
|
|
90
|
+
cells.push({
|
|
91
|
+
date: dateStr,
|
|
92
|
+
value: val,
|
|
93
|
+
tone,
|
|
94
|
+
x,
|
|
95
|
+
y,
|
|
96
|
+
w: Math.max(cellW - 2, 1),
|
|
97
|
+
h: Math.max(cellH - 2, 1),
|
|
98
|
+
});
|
|
99
|
+
// Track month label positions (first occurrence of each month)
|
|
100
|
+
// FIX: use getUTCFullYear/getUTCMonth
|
|
101
|
+
const mKey = `${curDate.getUTCFullYear()}-${curDate.getUTCMonth()}`;
|
|
102
|
+
if (!monthLabelMap.has(mKey)) {
|
|
103
|
+
monthLabelMap.set(mKey, x);
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
const monthLabels = Array.from(monthLabelMap.entries()).map(([key, x]) => {
|
|
107
|
+
const [, month] = key.split("-").map(Number);
|
|
108
|
+
return { label: MONTH_ABBR[month], x };
|
|
109
|
+
});
|
|
110
|
+
return { cells, weeks, monthLabels };
|
|
111
|
+
}, [data, plotWidth, plotHeight]);
|
|
112
|
+
// FIX: SR lists only valid dates (strict UTC parse + round-trip + finite value)
|
|
113
|
+
const dataValueItems = data
|
|
114
|
+
.filter((d) => parseUTCDate(d.date) !== null && Number.isFinite(d.value))
|
|
115
|
+
.map((d) => `${d.date}: ${d.value}`);
|
|
116
|
+
const hoveredCell = hoveredDate !== null ? grid.cells.find((c) => c.date === hoveredDate) ?? null : null;
|
|
117
|
+
function handlePointerMove(event) {
|
|
118
|
+
const target = event.target;
|
|
119
|
+
if (!(target instanceof Element)) {
|
|
120
|
+
setHoveredDate(null);
|
|
121
|
+
return;
|
|
122
|
+
}
|
|
123
|
+
setHoveredDate(target.getAttribute("data-chart-date") ?? null);
|
|
124
|
+
}
|
|
125
|
+
return (_jsxs("div", { ...rest, className: classNames("st-calendarHeatmapChart", className), children: [_jsx("div", { className: "st-calendarHeatmapChart__visual", role: "img", "aria-label": label, onPointerMove: handlePointerMove, onPointerLeave: () => setHoveredDate(null), children: _jsxs("svg", { viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "xMidYMid meet", width: "100%", height: "100%", focusable: "false", "aria-hidden": "true", children: [DAY_LABELS.map((day, di) => {
|
|
126
|
+
if (di % 2 !== 1)
|
|
127
|
+
return null;
|
|
128
|
+
return (_jsx("text", { className: "st-calendarHeatmapChart__dayLabel", x: MARGIN.left - 4, y: MARGIN.top + di * (plotHeight / 7) + plotHeight / 14, textAnchor: "end", dominantBaseline: "middle", children: day }, day));
|
|
129
|
+
}), grid.monthLabels.map((ml) => (_jsx("text", { className: "st-calendarHeatmapChart__monthLabel", x: ml.x, y: MARGIN.top - 6, dominantBaseline: "auto", children: ml.label }, `${ml.label}-${ml.x}`))), grid.cells.map((cell) => (_jsx("rect", { className: classNames("st-calendarHeatmapChart__cell", cell.tone
|
|
130
|
+
? `st-calendarHeatmapChart__cell--${cell.tone}`
|
|
131
|
+
: "st-calendarHeatmapChart__cell--empty", hoveredDate !== null && hoveredDate !== cell.date
|
|
132
|
+
? "st-calendarHeatmapChart__cell--dim"
|
|
133
|
+
: undefined), x: cell.x, y: cell.y, width: cell.w, height: cell.h, rx: 2, "data-chart-date": cell.date }, cell.date)))] }) }), _jsx(ChartDataList, { label: label, items: dataValueItems }), hoveredCell !== null && hoveredCell.value !== null ? (_jsxs("div", { className: "st-calendarHeatmapChart__tooltip", role: "presentation", style: {
|
|
134
|
+
left: `${((hoveredCell.x + hoveredCell.w / 2) / width) * 100}%`,
|
|
135
|
+
top: `${((hoveredCell.y + hoveredCell.h / 2) / height) * 100}%`,
|
|
136
|
+
}, children: [_jsx("span", { className: "st-calendarHeatmapChart__tooltipLabel", children: hoveredCell.date }), _jsx("span", { className: "st-calendarHeatmapChart__tooltipValue", children: hoveredCell.value })] })) : null] }));
|
|
137
|
+
}
|
|
138
|
+
//# sourceMappingURL=CalendarHeatmapChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarHeatmapChart.js","sourceRoot":"","sources":["../src/CalendarHeatmapChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type CandlestickChartDatum = {
|
|
3
|
+
label: string;
|
|
4
|
+
open: number;
|
|
5
|
+
high: number;
|
|
6
|
+
low: number;
|
|
7
|
+
close: number;
|
|
8
|
+
};
|
|
9
|
+
export type CandlestickChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
|
|
10
|
+
data: CandlestickChartDatum[];
|
|
11
|
+
label: string;
|
|
12
|
+
width?: number;
|
|
13
|
+
height?: number;
|
|
14
|
+
className?: string;
|
|
15
|
+
};
|
|
16
|
+
export declare function CandlestickChart({ data, label, width, height, className, ...rest }: CandlestickChartProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
//# sourceMappingURL=CandlestickChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CandlestickChart.d.ts","sourceRoot":"","sources":["../src/CandlestickChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IAC5F,IAAI,EAAE,qBAAqB,EAAE,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAsCF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAS,EACT,KAAK,EACL,KAAW,EACX,MAAY,EACZ,SAAS,EACT,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAsMvB"}
|
|
@@ -0,0 +1,116 @@
|
|
|
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: 12, right: 16, bottom: 32, left: 52 };
|
|
6
|
+
function scaleLinear(v, d0, d1, r0, r1) {
|
|
7
|
+
if (d1 === d0)
|
|
8
|
+
return r0;
|
|
9
|
+
return r0 + ((v - d0) * (r1 - r0)) / (d1 - d0);
|
|
10
|
+
}
|
|
11
|
+
function niceTicks(min, max, target = 5) {
|
|
12
|
+
if (!Number.isFinite(min) || !Number.isFinite(max) || min === max) {
|
|
13
|
+
const base = Number.isFinite(max) ? max : 0;
|
|
14
|
+
return [base];
|
|
15
|
+
}
|
|
16
|
+
const range = max - min;
|
|
17
|
+
const rough = range / Math.max(target - 1, 1);
|
|
18
|
+
const pow = Math.pow(10, Math.floor(Math.log10(rough)));
|
|
19
|
+
const norm = rough / pow;
|
|
20
|
+
let step;
|
|
21
|
+
if (norm < 1.5)
|
|
22
|
+
step = 1 * pow;
|
|
23
|
+
else if (norm < 3)
|
|
24
|
+
step = 2 * pow;
|
|
25
|
+
else if (norm < 7)
|
|
26
|
+
step = 5 * pow;
|
|
27
|
+
else
|
|
28
|
+
step = 10 * pow;
|
|
29
|
+
const start = Math.floor(min / step) * step;
|
|
30
|
+
const end = Math.ceil(max / step) * step;
|
|
31
|
+
const ticks = [];
|
|
32
|
+
for (let v = start; v <= end + step / 2; v += step) {
|
|
33
|
+
ticks.push(Number(v.toFixed(10)));
|
|
34
|
+
}
|
|
35
|
+
return ticks;
|
|
36
|
+
}
|
|
37
|
+
function formatTick(v) {
|
|
38
|
+
if (Math.abs(v) >= 1000)
|
|
39
|
+
return `${(v / 1000).toFixed(v % 1000 === 0 ? 0 : 1)}k`;
|
|
40
|
+
if (Number.isInteger(v))
|
|
41
|
+
return String(v);
|
|
42
|
+
return v.toFixed(1);
|
|
43
|
+
}
|
|
44
|
+
export function CandlestickChart({ data = [], label, width = 480, height = 240, className, ...rest }) {
|
|
45
|
+
const [hoveredIndex, setHoveredIndex] = React.useState(null);
|
|
46
|
+
const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
|
|
47
|
+
const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
|
|
48
|
+
// FIX: filter invalid candles BEFORE domain
|
|
49
|
+
const validData = data.filter((d) => Number.isFinite(d.open) &&
|
|
50
|
+
Number.isFinite(d.high) &&
|
|
51
|
+
Number.isFinite(d.low) &&
|
|
52
|
+
Number.isFinite(d.close));
|
|
53
|
+
const allVals = [];
|
|
54
|
+
for (const d of validData) {
|
|
55
|
+
// Domain includes open/high/low/close (not just high/low)
|
|
56
|
+
allVals.push(d.open, d.high, d.low, d.close);
|
|
57
|
+
}
|
|
58
|
+
const rawMin = allVals.length === 0 ? 0 : Math.min(...allVals);
|
|
59
|
+
const rawMax = allVals.length === 0 ? 1 : Math.max(...allVals);
|
|
60
|
+
// Flat domain → fallback range 1 to avoid division by zero
|
|
61
|
+
const safeRawMax = rawMax === rawMin ? rawMin + 1 : rawMax;
|
|
62
|
+
const ticks = niceTicks(rawMin, safeRawMax, 5);
|
|
63
|
+
const domainMin = ticks[0] ?? rawMin;
|
|
64
|
+
const domainMax = ticks[ticks.length - 1] ?? safeRawMax;
|
|
65
|
+
const candles = React.useMemo(() => {
|
|
66
|
+
if (validData.length === 0)
|
|
67
|
+
return [];
|
|
68
|
+
const band = plotWidth / validData.length;
|
|
69
|
+
const bodyW = band * 0.55;
|
|
70
|
+
return validData.map((d, i) => {
|
|
71
|
+
// FIX: clamp high/low to guarantee high≥max(O,C) and low≤min(O,C)
|
|
72
|
+
const clampedHigh = Math.max(d.high, d.open, d.close);
|
|
73
|
+
const clampedLow = Math.min(d.low, d.open, d.close);
|
|
74
|
+
const bullish = d.close >= d.open;
|
|
75
|
+
const centerX = MARGIN.left + band * i + band / 2;
|
|
76
|
+
const bodyTop = MARGIN.top + scaleLinear(Math.max(d.open, d.close), domainMin, domainMax, plotHeight, 0);
|
|
77
|
+
const bodyBot = MARGIN.top + scaleLinear(Math.min(d.open, d.close), domainMin, domainMax, plotHeight, 0);
|
|
78
|
+
const highY = MARGIN.top + scaleLinear(clampedHigh, domainMin, domainMax, plotHeight, 0);
|
|
79
|
+
const lowY = MARGIN.top + scaleLinear(clampedLow, domainMin, domainMax, plotHeight, 0);
|
|
80
|
+
return {
|
|
81
|
+
datum: d,
|
|
82
|
+
index: i,
|
|
83
|
+
bullish,
|
|
84
|
+
centerX,
|
|
85
|
+
bodyX: centerX - bodyW / 2,
|
|
86
|
+
bodyY: bodyTop,
|
|
87
|
+
bodyW,
|
|
88
|
+
bodyH: Math.max(bodyBot - bodyTop, 0.5),
|
|
89
|
+
wickHighY: highY,
|
|
90
|
+
wickLowY: lowY,
|
|
91
|
+
tooltipY: bodyTop,
|
|
92
|
+
};
|
|
93
|
+
});
|
|
94
|
+
}, [validData, plotWidth, domainMin, domainMax, plotHeight]);
|
|
95
|
+
const dataValueItems = validData.map((d) => `${d.label}: O ${d.open} H ${d.high} L ${d.low} C ${d.close}`);
|
|
96
|
+
function handlePointerMove(event) {
|
|
97
|
+
const target = event.target;
|
|
98
|
+
if (!(target instanceof Element)) {
|
|
99
|
+
setHoveredIndex(null);
|
|
100
|
+
return;
|
|
101
|
+
}
|
|
102
|
+
const idx = Number(target.getAttribute("data-chart-index"));
|
|
103
|
+
setHoveredIndex(Number.isInteger(idx) ? idx : null);
|
|
104
|
+
}
|
|
105
|
+
const hoveredCandle = hoveredIndex !== null ? candles[hoveredIndex] : undefined;
|
|
106
|
+
return (_jsxs("div", { ...rest, className: classNames("st-candlestickChart", className), children: [_jsx("div", { className: "st-candlestickChart__visual", role: "img", "aria-label": label, onPointerMove: handlePointerMove, onPointerLeave: () => setHoveredIndex(null), children: _jsxs("svg", { viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "xMidYMid meet", width: "100%", height: "100%", focusable: "false", "aria-hidden": "true", children: [ticks.map((tick) => {
|
|
107
|
+
const ty = MARGIN.top + scaleLinear(tick, domainMin, domainMax, plotHeight, 0);
|
|
108
|
+
return (_jsxs(React.Fragment, { children: [_jsx("line", { className: "st-candlestickChart__grid", x1: MARGIN.left, x2: width - MARGIN.right, y1: ty, y2: ty }), _jsx("text", { className: "st-candlestickChart__tickLabel", x: MARGIN.left - 6, y: ty, textAnchor: "end", dominantBaseline: "middle", children: formatTick(tick) })] }, tick));
|
|
109
|
+
}), _jsx("line", { className: "st-candlestickChart__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }), _jsx("line", { className: "st-candlestickChart__axis", x1: MARGIN.left, x2: width - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }), candles.map((c, i) => (_jsxs(React.Fragment, { children: [_jsx("line", { className: `st-candlestickChart__wick st-candlestickChart__wick--${c.bullish ? "up" : "down"}`, x1: c.centerX, x2: c.centerX, y1: c.wickHighY, y2: c.wickLowY, "data-chart-index": i }), _jsx("rect", { className: classNames("st-candlestickChart__body", `st-candlestickChart__body--${c.bullish ? "up" : "down"}`, hoveredIndex !== null && hoveredIndex !== i
|
|
110
|
+
? "st-candlestickChart__body--dim"
|
|
111
|
+
: undefined), x: c.bodyX, y: c.bodyY, width: c.bodyW, height: c.bodyH, rx: 1, "data-chart-index": i }), _jsx("text", { className: "st-candlestickChart__categoryLabel", x: c.centerX, y: height - MARGIN.bottom + 16, textAnchor: "middle", children: c.datum.label })] }, `${i}-${c.datum.label}`)))] }) }), _jsx(ChartDataList, { label: label, items: dataValueItems }), hoveredCandle ? (_jsxs("div", { className: "st-candlestickChart__tooltip", role: "presentation", style: {
|
|
112
|
+
left: `${(hoveredCandle.centerX / width) * 100}%`,
|
|
113
|
+
top: `${(hoveredCandle.tooltipY / height) * 100}%`,
|
|
114
|
+
}, children: [_jsx("span", { className: "st-candlestickChart__tooltipLabel", children: hoveredCandle.datum.label }), _jsxs("span", { className: "st-candlestickChart__tooltipValue", children: ["O ", hoveredCandle.datum.open, " H ", hoveredCandle.datum.high, " L ", hoveredCandle.datum.low, " ", "C ", hoveredCandle.datum.close] })] })) : null] }));
|
|
115
|
+
}
|
|
116
|
+
//# sourceMappingURL=CandlestickChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CandlestickChart.js","sourceRoot":"","sources":["../src/CandlestickChart.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAkBhD,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AAE5D,SAAS,WAAW,CAAC,CAAS,EAAE,EAAU,EAAE,EAAU,EAAE,EAAU,EAAE,EAAU;IAC5E,IAAI,EAAE,KAAK,EAAE;QAAE,OAAO,EAAE,CAAC;IACzB,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;AACjD,CAAC;AAED,SAAS,SAAS,CAAC,GAAW,EAAE,GAAW,EAAE,MAAM,GAAG,CAAC;IACrD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC;QAClE,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5C,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;IACD,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC;IACxB,MAAM,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACxD,MAAM,IAAI,GAAG,KAAK,GAAG,GAAG,CAAC;IACzB,IAAI,IAAY,CAAC;IACjB,IAAI,IAAI,GAAG,GAAG;QAAE,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC;SAC1B,IAAI,IAAI,GAAG,CAAC;QAAE,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC;SAC7B,IAAI,IAAI,GAAG,CAAC;QAAE,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC;;QAC7B,IAAI,GAAG,EAAE,GAAG,GAAG,CAAC;IACrB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IAC5C,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACzC,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,IAAI,GAAG,GAAG,IAAI,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC;QACnD,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACpC,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,UAAU,CAAC,CAAS;IAC3B,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI;QAAE,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IACjF,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;QAAE,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;IAC1C,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,GAAG,EAAE,EACT,KAAK,EACL,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,SAAS,EACT,GAAG,IAAI,EACe;IACtB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5E,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAClE,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAEpE,4CAA4C;IAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAC3B,CAAC,CAAC,EAAE,EAAE,CACJ,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;QACvB,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;QACvB,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;QACtB,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAC3B,CAAC;IAEF,MAAM,OAAO,GAAa,EAAE,CAAC;IAC7B,KAAK,MAAM,CAAC,IAAI,SAAS,EAAE,CAAC;QAC1B,0DAA0D;QAC1D,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IACD,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC;IAC/D,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC;IAC/D,2DAA2D;IAC3D,MAAM,UAAU,GAAG,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAE3D,MAAM,KAAK,GAAG,SAAS,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC;IACrC,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,UAAU,CAAC;IAExD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QACtC,MAAM,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC;QAC1C,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;QAE1B,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC5B,kEAAkE;YAClE,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;YACtD,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;YAEpD,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC;YAClC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,GAAG,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;YAElD,MAAM,OAAO,GACX,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;YAC3F,MAAM,OAAO,GACX,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;YAC3F,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;YACzF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;YAEvF,OAAO;gBACL,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,CAAC;gBACR,OAAO;gBACP,OAAO;gBACP,KAAK,EAAE,OAAO,GAAG,KAAK,GAAG,CAAC;gBAC1B,KAAK,EAAE,OAAO;gBACd,KAAK;gBACL,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,OAAO,EAAE,GAAG,CAAC;gBACvC,SAAS,EAAE,KAAK;gBAChB,QAAQ,EAAE,IAAI;gBACd,QAAQ,EAAE,OAAO;aAClB,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAE7D,MAAM,cAAc,GAAG,SAAS,CAAC,GAAG,CAClC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,KAAK,EAAE,CACrE,CAAC;IAEF,SAAS,iBAAiB,CAAC,KAAyB;QAClD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,OAAO,CAAC,EAAE,CAAC;YAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAAC,OAAO;QAAC,CAAC;QACpE,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC;QAC5D,eAAe,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;IAED,MAAM,aAAa,GAAG,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhF,OAAO,CACL,kBAAS,IAAI,EAAE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,aACpE,cACE,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAC,KAAK,gBACE,KAAK,EACjB,aAAa,EAAE,iBAAiB,EAChC,cAAc,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,YAE3C,eACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,mBAAmB,EAAC,eAAe,EACnC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,OAAO,iBACL,MAAM,aAGjB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;4BAClB,MAAM,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;4BAC/E,OAAO,CACL,MAAC,KAAK,CAAC,QAAQ,eACb,eACE,SAAS,EAAC,2BAA2B,EACrC,EAAE,EAAE,MAAM,CAAC,IAAI,EACf,EAAE,EAAE,KAAK,GAAG,MAAM,CAAC,KAAK,EACxB,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,GACN,EACF,eACE,SAAS,EAAC,gCAAgC,EAC1C,CAAC,EAAE,MAAM,CAAC,IAAI,GAAG,CAAC,EAClB,CAAC,EAAE,EAAE,EACL,UAAU,EAAC,KAAK,EAChB,gBAAgB,EAAC,QAAQ,YAExB,UAAU,CAAC,IAAI,CAAC,GACZ,KAhBY,IAAI,CAiBR,CAClB,CAAC;wBACJ,CAAC,CAAC,EAGF,eACE,SAAS,EAAC,2BAA2B,EACrC,EAAE,EAAE,MAAM,CAAC,IAAI,EACf,EAAE,EAAE,MAAM,CAAC,IAAI,EACf,EAAE,EAAE,MAAM,CAAC,GAAG,EACd,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,GAC1B,EACF,eACE,SAAS,EAAC,2BAA2B,EACrC,EAAE,EAAE,MAAM,CAAC,IAAI,EACf,EAAE,EAAE,KAAK,GAAG,MAAM,CAAC,KAAK,EACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAC1B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,GAC1B,EAGD,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACrB,MAAC,KAAK,CAAC,QAAQ,eAEb,eACE,SAAS,EAAE,wDAAwD,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,EAC9F,EAAE,EAAE,CAAC,CAAC,OAAO,EACb,EAAE,EAAE,CAAC,CAAC,OAAO,EACb,EAAE,EAAE,CAAC,CAAC,SAAS,EACf,EAAE,EAAE,CAAC,CAAC,QAAQ,sBACI,CAAC,GACnB,EAEF,eACE,SAAS,EAAE,UAAU,CACnB,2BAA2B,EAC3B,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,EACzD,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,CAAC;wCACzC,CAAC,CAAC,gCAAgC;wCAClC,CAAC,CAAC,SAAS,CACd,EACD,CAAC,EAAE,CAAC,CAAC,KAAK,EACV,CAAC,EAAE,CAAC,CAAC,KAAK,EACV,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,MAAM,EAAE,CAAC,CAAC,KAAK,EACf,EAAE,EAAE,CAAC,sBACa,CAAC,GACnB,EAEF,eACE,SAAS,EAAC,oCAAoC,EAC9C,CAAC,EAAE,CAAC,CAAC,OAAO,EACZ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,GAAG,EAAE,EAC9B,UAAU,EAAC,QAAQ,YAElB,CAAC,CAAC,KAAK,CAAC,KAAK,GACT,KAlCY,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAmC3B,CAClB,CAAC,IACE,GACF,EAEN,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,GAAI,EAErD,aAAa,CAAC,CAAC,CAAC,CACf,eACE,SAAS,EAAC,8BAA8B,EACxC,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE;oBACL,IAAI,EAAE,GAAG,CAAC,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,GAAG,GAAG;oBACjD,GAAG,EAAE,GAAG,CAAC,aAAa,CAAC,QAAQ,GAAG,MAAM,CAAC,GAAG,GAAG,GAAG;iBACnD,aAED,eAAM,SAAS,EAAC,mCAAmC,YAAE,aAAa,CAAC,KAAK,CAAC,KAAK,GAAQ,EACtF,gBAAM,SAAS,EAAC,mCAAmC,mBAC9C,aAAa,CAAC,KAAK,CAAC,IAAI,SAAK,aAAa,CAAC,KAAK,CAAC,IAAI,SAAK,aAAa,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,QACtF,aAAa,CAAC,KAAK,CAAC,KAAK,IACvB,IACH,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type HeatmapChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
|
|
3
|
+
export type HeatmapChartDatum = {
|
|
4
|
+
x: string;
|
|
5
|
+
y: string;
|
|
6
|
+
value: number;
|
|
7
|
+
tone?: HeatmapChartTone;
|
|
8
|
+
};
|
|
9
|
+
export type HeatmapChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
|
|
10
|
+
data: HeatmapChartDatum[];
|
|
11
|
+
width?: number;
|
|
12
|
+
height?: number;
|
|
13
|
+
legend?: boolean;
|
|
14
|
+
label: string;
|
|
15
|
+
className?: string;
|
|
16
|
+
};
|
|
17
|
+
export declare function HeatmapChart({ data, width, height, legend, label, className, ...rest }: HeatmapChartProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=HeatmapChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeatmapChart.d.ts","sourceRoot":"","sources":["../src/HeatmapChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,gBAAgB,GACxB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IACxF,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAgCF,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,MAAc,EACd,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAqJnB"}
|
|
@@ -0,0 +1,79 @@
|
|
|
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: 28, right: 18, bottom: 44, left: 64 };
|
|
6
|
+
const TONES = [
|
|
7
|
+
"category1",
|
|
8
|
+
"category2",
|
|
9
|
+
"category3",
|
|
10
|
+
"category4",
|
|
11
|
+
"category5",
|
|
12
|
+
"category6",
|
|
13
|
+
"category7",
|
|
14
|
+
"category8",
|
|
15
|
+
];
|
|
16
|
+
function uniqueInOrder(values) {
|
|
17
|
+
const seen = new Set();
|
|
18
|
+
const out = [];
|
|
19
|
+
for (const value of values) {
|
|
20
|
+
if (!seen.has(value)) {
|
|
21
|
+
seen.add(value);
|
|
22
|
+
out.push(value);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
return out;
|
|
26
|
+
}
|
|
27
|
+
function toneForValue(value, min, max) {
|
|
28
|
+
if (!Number.isFinite(value) || max <= min)
|
|
29
|
+
return "category1";
|
|
30
|
+
const index = Math.max(0, Math.min(TONES.length - 1, Math.floor(((value - min) / (max - min)) * TONES.length)));
|
|
31
|
+
return TONES[index];
|
|
32
|
+
}
|
|
33
|
+
export function HeatmapChart({ data, width = 480, height = 300, legend = false, label, className, ...rest }) {
|
|
34
|
+
const [hoveredIndex, setHoveredIndex] = React.useState(null);
|
|
35
|
+
const xLabels = uniqueInOrder(data.map((d) => d.x));
|
|
36
|
+
const yLabels = uniqueInOrder(data.map((d) => d.y));
|
|
37
|
+
const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
|
|
38
|
+
const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
|
|
39
|
+
const cellWidth = xLabels.length > 0 ? plotWidth / xLabels.length : plotWidth;
|
|
40
|
+
const cellHeight = yLabels.length > 0 ? plotHeight / yLabels.length : plotHeight;
|
|
41
|
+
// Fix: filtrer NaN avant min/max
|
|
42
|
+
const finiteValues = data.map((d) => d.value).filter(Number.isFinite);
|
|
43
|
+
const minValue = finiteValues.length > 0 ? Math.min(...finiteValues) : 0;
|
|
44
|
+
const maxValue = finiteValues.length > 0 ? Math.max(...finiteValues) : 1;
|
|
45
|
+
const cells = data.map((datum, index) => {
|
|
46
|
+
const xIndex = Math.max(0, xLabels.indexOf(datum.x));
|
|
47
|
+
const yIndex = Math.max(0, yLabels.indexOf(datum.y));
|
|
48
|
+
const x = MARGIN.left + xIndex * cellWidth;
|
|
49
|
+
const y = MARGIN.top + yIndex * cellHeight;
|
|
50
|
+
return {
|
|
51
|
+
datum,
|
|
52
|
+
index,
|
|
53
|
+
tone: datum.tone ?? toneForValue(datum.value, minValue, maxValue),
|
|
54
|
+
x,
|
|
55
|
+
y,
|
|
56
|
+
width: Math.max(cellWidth - 2, 1),
|
|
57
|
+
height: Math.max(cellHeight - 2, 1),
|
|
58
|
+
cx: x + cellWidth / 2,
|
|
59
|
+
cy: y + cellHeight / 2,
|
|
60
|
+
};
|
|
61
|
+
});
|
|
62
|
+
const dataValueItems = data.map((d) => `${d.y}, ${d.x}: ${d.value}`);
|
|
63
|
+
const legendItems = TONES.map((tone, index) => ({
|
|
64
|
+
tone,
|
|
65
|
+
label: index === 0 ? "Low" : index === TONES.length - 1 ? "High" : "",
|
|
66
|
+
}));
|
|
67
|
+
function handleVisualPointerMove(event) {
|
|
68
|
+
const target = event.target;
|
|
69
|
+
if (!(target instanceof Element)) {
|
|
70
|
+
setHoveredIndex(null);
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
const index = Number(target.getAttribute("data-chart-index"));
|
|
74
|
+
setHoveredIndex(Number.isInteger(index) ? index : null);
|
|
75
|
+
}
|
|
76
|
+
const hoveredCell = hoveredIndex !== null ? cells[hoveredIndex] : undefined;
|
|
77
|
+
return (_jsxs("div", { ...rest, className: classNames("st-heatmapChart", className), children: [_jsx("div", { className: "st-heatmapChart__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: [yLabels.map((yLabel, index) => (_jsx("text", { className: "st-heatmapChart__axisLabel st-heatmapChart__axisLabel--y", x: MARGIN.left - 8, y: MARGIN.top + (index + 0.5) * (plotHeight / Math.max(yLabels.length, 1)), textAnchor: "end", dominantBaseline: "middle", children: yLabel }, yLabel))), xLabels.map((xLabel, index) => (_jsx("text", { className: "st-heatmapChart__axisLabel st-heatmapChart__axisLabel--x", x: MARGIN.left + (index + 0.5) * (plotWidth / Math.max(xLabels.length, 1)), y: height - MARGIN.bottom + 20, textAnchor: "middle", children: xLabel }, xLabel))), _jsx("rect", { className: "st-heatmapChart__plot", x: MARGIN.left, y: MARGIN.top, width: plotWidth, height: plotHeight }), cells.map((cell, i) => (_jsx("rect", { className: classNames("st-heatmapChart__cell", `st-heatmapChart__cell--${cell.tone}`, hoveredIndex !== null && hoveredIndex !== i ? "st-heatmapChart__cell--dim" : undefined), x: cell.x, y: cell.y, width: cell.width, height: cell.height, rx: "2", "data-chart-index": i }, `${cell.datum.y}-${cell.datum.x}-${i}`)))] }) }), _jsx(ChartDataList, { label: label, items: dataValueItems }), hoveredCell ? (_jsxs("div", { className: "st-heatmapChart__tooltip", role: "presentation", style: { left: `${(hoveredCell.cx / width) * 100}%`, top: `${(hoveredCell.cy / height) * 100}%` }, children: [_jsxs("span", { className: "st-heatmapChart__tooltipLabel", children: [hoveredCell.datum.y, ", ", hoveredCell.datum.x] }), _jsx("span", { className: "st-heatmapChart__tooltipValue", children: hoveredCell.datum.value })] })) : null, legend ? (_jsxs("div", { className: "st-heatmapChart__legend", "aria-hidden": "true", children: [_jsx("span", { className: "st-heatmapChart__legendText", children: "Low" }), _jsx("span", { className: "st-heatmapChart__legendRamp", children: legendItems.map((item) => (_jsx("span", { className: `st-heatmapChart__legendSwatch st-heatmapChart__legendSwatch--${item.tone}` }, item.tone))) }), _jsx("span", { className: "st-heatmapChart__legendText", children: "High" })] })) : null] }));
|
|
78
|
+
}
|
|
79
|
+
//# sourceMappingURL=HeatmapChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeatmapChart.js","sourceRoot":"","sources":["../src/HeatmapChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type HistogramChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
|
|
3
|
+
export type HistogramChartDatum = {
|
|
4
|
+
label: string;
|
|
5
|
+
value: number;
|
|
6
|
+
tone?: HistogramChartTone;
|
|
7
|
+
};
|
|
8
|
+
export type HistogramChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
|
|
9
|
+
data: HistogramChartDatum[] | number[];
|
|
10
|
+
bins?: number;
|
|
11
|
+
width?: number;
|
|
12
|
+
height?: number;
|
|
13
|
+
label: string;
|
|
14
|
+
className?: string;
|
|
15
|
+
};
|
|
16
|
+
export declare function HistogramChart({ data, bins, width, height, label, className, ...rest }: HistogramChartProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
//# sourceMappingURL=HistogramChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HistogramChart.d.ts","sourceRoot":"","sources":["../src/HistogramChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,kBAAkB,GAC1B,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IAC1F,IAAI,EAAE,mBAAmB,EAAE,GAAG,MAAM,EAAE,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA4DF,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mBAAmB,2CAsGrB"}
|
|
@@ -0,0 +1,94 @@
|
|
|
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: 14, right: 16, bottom: 36, left: 44 };
|
|
6
|
+
const TONES = [
|
|
7
|
+
"category1",
|
|
8
|
+
"category2",
|
|
9
|
+
"category3",
|
|
10
|
+
"category4",
|
|
11
|
+
"category5",
|
|
12
|
+
"category6",
|
|
13
|
+
"category7",
|
|
14
|
+
"category8",
|
|
15
|
+
];
|
|
16
|
+
function isNumberArray(values) {
|
|
17
|
+
return values.every((value) => typeof value === "number");
|
|
18
|
+
}
|
|
19
|
+
function formatNumber(value) {
|
|
20
|
+
if (!Number.isFinite(value))
|
|
21
|
+
return "0";
|
|
22
|
+
if (Number.isInteger(value))
|
|
23
|
+
return String(value);
|
|
24
|
+
return value.toFixed(2).replace(/\.?0+$/, "");
|
|
25
|
+
}
|
|
26
|
+
function buildNumericBins(values, count) {
|
|
27
|
+
const finite = values.filter(Number.isFinite);
|
|
28
|
+
if (finite.length === 0)
|
|
29
|
+
return [];
|
|
30
|
+
const binCount = Math.max(1, Math.floor(count));
|
|
31
|
+
const min = Math.min(...finite);
|
|
32
|
+
const max = Math.max(...finite);
|
|
33
|
+
const step = max === min ? 1 : (max - min) / binCount;
|
|
34
|
+
const out = Array.from({ length: binCount }, (_, index) => {
|
|
35
|
+
const start = min + step * index;
|
|
36
|
+
const end = index === binCount - 1 ? max : min + step * (index + 1);
|
|
37
|
+
return {
|
|
38
|
+
label: `${formatNumber(start)}-${formatNumber(end)}`,
|
|
39
|
+
value: 0,
|
|
40
|
+
tone: TONES[index % TONES.length],
|
|
41
|
+
};
|
|
42
|
+
});
|
|
43
|
+
for (const value of finite) {
|
|
44
|
+
const index = value === max ? binCount - 1 : Math.max(0, Math.min(binCount - 1, Math.floor((value - min) / step)));
|
|
45
|
+
out[index].value += 1;
|
|
46
|
+
}
|
|
47
|
+
return out;
|
|
48
|
+
}
|
|
49
|
+
function scaleLinear(v, d0, d1, r0, r1) {
|
|
50
|
+
if (d1 === d0)
|
|
51
|
+
return r0;
|
|
52
|
+
return r0 + ((v - d0) * (r1 - r0)) / (d1 - d0);
|
|
53
|
+
}
|
|
54
|
+
export function HistogramChart({ data, bins, width = 480, height = 240, label, className, ...rest }) {
|
|
55
|
+
const [hoveredIndex, setHoveredIndex] = React.useState(null);
|
|
56
|
+
const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
|
|
57
|
+
const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
|
|
58
|
+
// bins = 10 fixe par défaut (pas ceil(√n)) pour parité Svelte/React/Vue
|
|
59
|
+
const normalizedBins = isNumberArray(data)
|
|
60
|
+
? buildNumericBins(data, bins ?? 10)
|
|
61
|
+
: data.map((datum, index) => ({
|
|
62
|
+
label: datum.label,
|
|
63
|
+
value: Number.isFinite(datum.value) ? datum.value : 0,
|
|
64
|
+
tone: datum.tone ?? TONES[index % TONES.length],
|
|
65
|
+
}));
|
|
66
|
+
const maxValue = Math.max(0, ...normalizedBins.map((bin) => bin.value));
|
|
67
|
+
const safeMax = maxValue > 0 ? maxValue : 1;
|
|
68
|
+
const band = normalizedBins.length > 0 ? plotWidth / normalizedBins.length : plotWidth;
|
|
69
|
+
const barWidth = Math.max(band * 0.68, 1);
|
|
70
|
+
const bars = normalizedBins.map((bin, index) => {
|
|
71
|
+
const h = scaleLinear(bin.value, 0, safeMax, 0, plotHeight);
|
|
72
|
+
return {
|
|
73
|
+
bin,
|
|
74
|
+
x: MARGIN.left + band * index + (band - barWidth) / 2,
|
|
75
|
+
y: MARGIN.top + plotHeight - h,
|
|
76
|
+
width: barWidth,
|
|
77
|
+
height: Math.max(h, 0.5),
|
|
78
|
+
labelX: MARGIN.left + band * (index + 0.5),
|
|
79
|
+
};
|
|
80
|
+
});
|
|
81
|
+
const dataValueItems = normalizedBins.map((bin) => `${bin.label}: ${bin.value}`);
|
|
82
|
+
function handleVisualPointerMove(event) {
|
|
83
|
+
const target = event.target;
|
|
84
|
+
if (!(target instanceof Element)) {
|
|
85
|
+
setHoveredIndex(null);
|
|
86
|
+
return;
|
|
87
|
+
}
|
|
88
|
+
const index = Number(target.getAttribute("data-chart-index"));
|
|
89
|
+
setHoveredIndex(Number.isInteger(index) ? index : null);
|
|
90
|
+
}
|
|
91
|
+
const hoveredBar = hoveredIndex !== null ? bars[hoveredIndex] : undefined;
|
|
92
|
+
return (_jsxs("div", { ...rest, className: classNames("st-histogramChart", className), children: [_jsx("div", { className: "st-histogramChart__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: [_jsx("line", { className: "st-histogramChart__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }), _jsx("line", { className: "st-histogramChart__axis", x1: MARGIN.left, x2: width - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }), bars.map((bar, i) => (_jsxs(React.Fragment, { children: [_jsx("rect", { className: classNames("st-histogramChart__bar", `st-histogramChart__bar--${bar.bin.tone}`, hoveredIndex !== null && hoveredIndex !== i ? "st-histogramChart__bar--dim" : undefined), x: bar.x, y: bar.y, width: bar.width, height: bar.height, "data-chart-index": i }), _jsx("text", { className: "st-histogramChart__label", x: bar.labelX, y: height - MARGIN.bottom + 16, textAnchor: "middle", children: bar.bin.label })] }, `${bar.bin.label}-${i}`)))] }) }), _jsx(ChartDataList, { label: label, items: dataValueItems }), hoveredBar ? (_jsxs("div", { className: "st-histogramChart__tooltip", role: "presentation", style: { left: `${(hoveredBar.labelX / width) * 100}%`, top: `${(hoveredBar.y / height) * 100}%` }, children: [_jsx("span", { className: "st-histogramChart__tooltipLabel", children: hoveredBar.bin.label }), _jsx("span", { className: "st-histogramChart__tooltipValue", children: hoveredBar.bin.value })] })) : null] }));
|
|
93
|
+
}
|
|
94
|
+
//# sourceMappingURL=HistogramChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HistogramChart.js","sourceRoot":"","sources":["../src/HistogramChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type MarimekkoChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
|
|
3
|
+
export type MarimekkoChartSegment = {
|
|
4
|
+
label: string;
|
|
5
|
+
value: number;
|
|
6
|
+
tone?: MarimekkoChartTone;
|
|
7
|
+
};
|
|
8
|
+
export type MarimekkoChartDatum = {
|
|
9
|
+
label: string;
|
|
10
|
+
width: number;
|
|
11
|
+
segments: MarimekkoChartSegment[];
|
|
12
|
+
};
|
|
13
|
+
export type MarimekkoChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
|
|
14
|
+
data: MarimekkoChartDatum[];
|
|
15
|
+
label: string;
|
|
16
|
+
width?: number;
|
|
17
|
+
height?: number;
|
|
18
|
+
className?: string;
|
|
19
|
+
};
|
|
20
|
+
export declare function MarimekkoChart({ data, label, width, height, className, ...rest }: MarimekkoChartProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
//# sourceMappingURL=MarimekkoChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarimekkoChart.d.ts","sourceRoot":"","sources":["../src/MarimekkoChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,kBAAkB,GAC1B,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,qBAAqB,EAAE,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IAC1F,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AASF,wBAAgB,cAAc,CAAC,EAC7B,IAAS,EACT,KAAK,EACL,KAAW,EACX,MAAY,EACZ,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mBAAmB,2CA4LrB"}
|