@sentropic/design-system-react 0.3.0 → 0.5.0

package/dist/AreaChart.d.ts

@@ -1,3 +1,17 @@
-export { AreaChart } from "./catalog.js";
-export type { AreaChartProps, AreaChartDatum, AreaChartTone } from "./catalog.js";
+import React from "react";
+export type AreaChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type AreaChartDatum = {
+    x: number | string;
+    y: number;
+};
+export type AreaChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    data: (number | AreaChartDatum)[];
+    width?: number;
+    height?: number;
+    tone?: AreaChartTone;
+    smooth?: boolean;
+    label: string;
+    className?: string;
+};
+export declare function AreaChart({ data, width, height, tone, smooth, label, className, ...rest }: AreaChartProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AreaChart.d.ts.map

package/dist/AreaChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../src/AreaChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../src/AreaChart.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,MAAM,GAAG,cAAc,CAAC,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,wBAAgB,SAAS,CAAC,EACxB,IAAS,EACT,KAAW,EACX,MAAY,EACZ,IAAkB,EAClB,MAAc,EACd,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CA+LhB"}

package/dist/AreaChart.js

@@ -1,2 +1,97 @@
-export { AreaChart } from "./catalog.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+import { buildLinearPath, buildSmoothPath, CHART_MARGIN, ChartDataList, formatTick, isNumeric, niceTicks, scaleLinear, } from "./chartScale.js";
+const MARGIN = CHART_MARGIN;
+export function AreaChart({ data = [], width = 480, height = 240, tone = "category1", smooth = false, label, className, ...rest }) {
+    const reactId = React.useId();
+    const gradientId = `st-areachart-gradient-${reactId.replace(/:/g, "")}`;
+    const [hoveredIndex, setHoveredIndex] = React.useState(null);
+    const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
+    const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+    const normalizedData = data.map((d, i) => typeof d === "number" ? { x: i, y: d } : d);
+    const dataValueItems = normalizedData.map((d) => `${d.x}: ${d.y}`);
+    const xDomain = (() => {
+        if (normalizedData.length === 0)
+            return { kind: "ordinal", values: [] };
+        const allNumeric = normalizedData.every((d) => isNumeric(d.x));
+        if (allNumeric) {
+            const xs = normalizedData.map((d) => d.x);
+            return { kind: "numeric", min: Math.min(...xs), max: Math.max(...xs) };
+        }
+        return { kind: "ordinal", values: normalizedData.map((d) => d.x) };
+    })();
+    const yTicks = (() => {
+        const ys = normalizedData.map((d) => d.y);
+        if (ys.length === 0)
+            return [0];
+        const minRaw = Math.min(...ys);
+        const maxRaw = Math.max(...ys);
+        const padded = (maxRaw - minRaw) * 0.08 || Math.max(Math.abs(maxRaw), 1) * 0.1;
+        const minTickVal = Math.min(0, minRaw - padded);
+        return niceTicks(minTickVal, maxRaw + padded, 5);
+    })();
+    const yDomain = yTicks.length === 0 ? { min: 0, max: 1 } : { min: yTicks[0], max: yTicks[yTicks.length - 1] };
+    const points = (() => {
+        if (normalizedData.length === 0)
+            return [];
+        return normalizedData.map((d, i) => {
+            let x;
+            if (xDomain.kind === "numeric") {
+                x = scaleLinear(d.x, xDomain.min, xDomain.max, 0, plotWidth);
+            }
+            else {
+                const denom = Math.max(normalizedData.length - 1, 1);
+                x = normalizedData.length === 1 ? plotWidth / 2 : (i / denom) * plotWidth;
+            }
+            const y = scaleLinear(d.y, yDomain.min, yDomain.max, plotHeight, 0);
+            return { x: MARGIN.left + x, y: MARGIN.top + y, datum: d, index: i };
+        });
+    })();
+    const linePath = points.length === 0 ? "" : smooth ? buildSmoothPath(points) : buildLinearPath(points);
+    const areaPath = (() => {
+        if (points.length === 0)
+            return "";
+        const base = MARGIN.top + scaleLinear(Math.max(0, yDomain.min), yDomain.min, yDomain.max, plotHeight, 0);
+        const first = points[0];
+        const last = points[points.length - 1];
+        return `${linePath} L${last.x.toFixed(2)},${base.toFixed(2)} L${first.x.toFixed(2)},${base.toFixed(2)} Z`;
+    })();
+    const gridLines = yTicks.map((tick) => ({
+        value: tick,
+        y: MARGIN.top + scaleLinear(tick, yDomain.min, yDomain.max, plotHeight, 0),
+    }));
+    const xTickEntries = (() => {
+        if (normalizedData.length === 0)
+            return [];
+        if (xDomain.kind === "ordinal") {
+            return points.map((p, i) => ({ x: p.x, label: String(normalizedData[i].x) }));
+        }
+        const target = Math.min(5, normalizedData.length);
+        const stride = Math.max(1, Math.round((normalizedData.length - 1) / (target - 1 || 1)));
+        const entries = [];
+        for (let i = 0; i < normalizedData.length; i += stride) {
+            entries.push({ x: points[i].x, label: String(normalizedData[i].x) });
+        }
+        const lastIdx = normalizedData.length - 1;
+        if (entries[entries.length - 1]?.label !== String(normalizedData[lastIdx].x)) {
+            entries.push({ x: points[lastIdx].x, label: String(normalizedData[lastIdx].x) });
+        }
+        return entries;
+    })();
+    function handleLeave() {
+        setHoveredIndex(null);
+    }
+    function handleVisualPointerMove(event) {
+        const target = event.target;
+        if (!(target instanceof Element)) {
+            setHoveredIndex(null);
+            return;
+        }
+        const index = Number(target.getAttribute("data-chart-index"));
+        setHoveredIndex(Number.isInteger(index) ? index : null);
+    }
+    const hoveredPoint = hoveredIndex !== null ? points[hoveredIndex] : undefined;
+    return (_jsxs("div", { ...rest, className: classNames("st-areaChart", `st-areaChart--${tone}`, className), children: [_jsx("div", { className: "st-areaChart__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: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: "currentColor", stopOpacity: "0.3" }), _jsx("stop", { offset: "100%", stopColor: "currentColor", stopOpacity: "0.0" })] }) }), gridLines.map((g) => (_jsxs(React.Fragment, { children: [_jsx("line", { className: "st-areaChart__grid", x1: MARGIN.left, x2: width - MARGIN.right, y1: g.y, y2: g.y }), _jsx("text", { className: "st-areaChart__tickLabel", x: MARGIN.left - 6, y: g.y, textAnchor: "end", dominantBaseline: "middle", children: formatTick(g.value) })] }, g.value))), _jsx("line", { className: "st-areaChart__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }), _jsx("line", { className: "st-areaChart__axis", x1: MARGIN.left, x2: width - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }), xTickEntries.map((tick, i) => (_jsx("text", { className: "st-areaChart__tickLabel", x: tick.x, y: height - MARGIN.bottom + 16, textAnchor: "middle", children: tick.label }, i))), areaPath ? _jsx("path", { className: "st-areaChart__area", d: areaPath, fill: `url(#${gradientId})` }) : null, linePath ? (_jsx("path", { className: "st-areaChart__line", d: linePath, fill: "none", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })) : null, points.map((p) => (_jsx("circle", { className: "st-areaChart__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-areaChart__tooltip", role: "presentation", style: { left: `${(hoveredPoint.x / width) * 100}%`, top: `${(hoveredPoint.y / height) * 100}%` }, children: [_jsx("span", { className: "st-areaChart__tooltipLabel", children: hoveredPoint.datum.x }), _jsx("span", { className: "st-areaChart__tooltipValue", children: hoveredPoint.datum.y })] })) : null] }));
+}
 //# sourceMappingURL=AreaChart.js.map

package/dist/AreaChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"AreaChart.js","sourceRoot":"","sources":["../src/AreaChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"AreaChart.js","sourceRoot":"","sources":["../src/AreaChart.tsx"],"names":[],"mappings":"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"}

package/dist/BarChart.d.ts

@@ -1,3 +1,17 @@
-export { BarChart } from "./catalog.js";
-export type { BarChartProps, BarChartDatum, BarChartTone } from "./catalog.js";
+import React from "react";
+export type BarChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type BarChartDatum = {
+    label: string;
+    value: number;
+    tone?: BarChartTone;
+};
+export type BarChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    data: BarChartDatum[];
+    width?: number;
+    height?: number;
+    orientation?: "vertical" | "horizontal";
+    label: string;
+    className?: string;
+};
+export declare function BarChart({ data, width, height, orientation, label, className, ...rest }: BarChartProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BarChart.d.ts.map

package/dist/BarChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../src/BarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../src/BarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,YAAY,GACpB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,GAAG;IACpF,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAW,EACX,MAAY,EACZ,WAAwB,EACxB,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,2CA8Mf"}

package/dist/BarChart.js

@@ -1,2 +1,91 @@
-export { BarChart } from "./catalog.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+import { CHART_MARGIN, ChartDataList, formatTick, niceTicks, scaleLinear } from "./chartScale.js";
+const MARGIN = CHART_MARGIN;
+export function BarChart({ data, width = 480, height = 240, orientation = "vertical", label, className, ...rest }) {
+    const [hoveredIndex, setHoveredIndex] = React.useState(null);
+    const values = data.map((d) => d.value);
+    const minRaw = Math.min(0, ...values);
+    const maxRaw = Math.max(0, ...values);
+    const ticks = niceTicks(minRaw, maxRaw, 5);
+    const domainMin = ticks[0];
+    const domainMax = ticks[ticks.length - 1];
+    const plotWidth = Math.max(width - MARGIN.left - MARGIN.right, 1);
+    const plotHeight = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
+    const bars = (() => {
+        if (data.length === 0)
+            return [];
+        if (orientation === "vertical") {
+            const band = plotWidth / data.length;
+            const barWidth = band * 0.62;
+            const zeroY = scaleLinear(0, domainMin, domainMax, plotHeight, 0);
+            return data.map((d, i) => {
+                const valueY = scaleLinear(d.value, domainMin, domainMax, plotHeight, 0);
+                const y = Math.min(valueY, zeroY);
+                const h = Math.abs(zeroY - valueY);
+                const x = MARGIN.left + band * i + (band - barWidth) / 2;
+                return {
+                    x,
+                    y: MARGIN.top + y,
+                    width: barWidth,
+                    height: Math.max(h, 0.5),
+                    cx: MARGIN.left + band * (i + 0.5),
+                    cy: MARGIN.top + valueY,
+                    datum: d,
+                    tone: (d.tone ?? "category1"),
+                };
+            });
+        }
+        const band = plotHeight / data.length;
+        const barHeight = band * 0.62;
+        const zeroX = scaleLinear(0, domainMin, domainMax, 0, plotWidth);
+        return data.map((d, i) => {
+            const valueX = scaleLinear(d.value, domainMin, domainMax, 0, plotWidth);
+            const x = Math.min(valueX, zeroX);
+            const w = Math.abs(valueX - zeroX);
+            const y = MARGIN.top + band * i + (band - barHeight) / 2;
+            return {
+                x: MARGIN.left + x,
+                y,
+                width: Math.max(w, 0.5),
+                height: barHeight,
+                cx: MARGIN.left + valueX,
+                cy: MARGIN.top + band * (i + 0.5),
+                datum: d,
+                tone: (d.tone ?? "category1"),
+            };
+        });
+    })();
+    const dataValueItems = data.map((d) => `${d.label}: ${d.value}`);
+    const valueAxisTicks = orientation === "vertical"
+        ? ticks.map((tick) => ({
+            value: tick,
+            x1: MARGIN.left,
+            x2: MARGIN.left + plotWidth,
+            y: MARGIN.top + scaleLinear(tick, domainMin, domainMax, plotHeight, 0),
+        }))
+        : ticks.map((tick) => ({
+            value: tick,
+            x: MARGIN.left + scaleLinear(tick, domainMin, domainMax, 0, plotWidth),
+            y1: MARGIN.top,
+            y2: MARGIN.top + plotHeight,
+        }));
+    function handleLeave() {
+        setHoveredIndex(null);
+    }
+    function handleVisualPointerMove(event) {
+        const target = event.target;
+        if (!(target instanceof Element)) {
+            setHoveredIndex(null);
+            return;
+        }
+        const index = Number(target.getAttribute("data-chart-index"));
+        setHoveredIndex(Number.isInteger(index) ? index : null);
+    }
+    const hoveredBar = hoveredIndex !== null ? bars[hoveredIndex] : undefined;
+    return (_jsxs("div", { ...rest, className: classNames("st-barChart", className), children: [_jsx("div", { className: "st-barChart__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: [orientation === "vertical"
+                            ? valueAxisTicks.map((tick) => (_jsxs(React.Fragment, { children: [_jsx("line", { className: "st-barChart__grid", x1: tick.x1, x2: tick.x2, y1: tick.y, y2: tick.y }), _jsx("text", { className: "st-barChart__tickLabel", x: MARGIN.left - 6, y: tick.y, textAnchor: "end", dominantBaseline: "middle", children: formatTick(tick.value) })] }, tick.value)))
+                            : valueAxisTicks.map((tick) => (_jsxs(React.Fragment, { children: [_jsx("line", { className: "st-barChart__grid", x1: tick.x, x2: tick.x, y1: tick.y1, y2: tick.y2 }), _jsx("text", { className: "st-barChart__tickLabel", x: tick.x, y: height - MARGIN.bottom + 16, textAnchor: "middle", children: formatTick(tick.value) })] }, tick.value))), _jsx("line", { className: "st-barChart__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }), _jsx("line", { className: "st-barChart__axis", x1: MARGIN.left, x2: width - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }), bars.map((bar) => orientation === "vertical" ? (_jsx("text", { className: "st-barChart__categoryLabel", x: bar.x + bar.width / 2, y: height - MARGIN.bottom + 16, textAnchor: "middle", children: bar.datum.label }, bar.datum.label)) : (_jsx("text", { className: "st-barChart__categoryLabel", x: MARGIN.left - 6, y: bar.y + bar.height / 2, textAnchor: "end", dominantBaseline: "middle", children: bar.datum.label }, bar.datum.label))), bars.map((bar, i) => (_jsx("rect", { className: classNames("st-barChart__bar", `st-barChart__bar--${bar.tone}`), x: bar.x, y: bar.y, width: bar.width, height: bar.height, rx: "2", "data-chart-index": i }, bar.datum.label)))] }) }), _jsx(ChartDataList, { label: label, items: dataValueItems }), hoveredBar ? (_jsxs("div", { className: "st-barChart__tooltip", role: "presentation", style: { left: `${(hoveredBar.cx / width) * 100}%`, top: `${(hoveredBar.cy / height) * 100}%` }, children: [_jsx("span", { className: "st-barChart__tooltipLabel", children: hoveredBar.datum.label }), _jsx("span", { className: "st-barChart__tooltipValue", children: hoveredBar.datum.value })] })) : null] }));
+}
 //# sourceMappingURL=BarChart.js.map

package/dist/BarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../src/BarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../src/BarChart.tsx"],"names":[],"mappings":"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"}

package/dist/DataTable.d.ts

@@ -1,3 +1,50 @@
-export { DataTable } from "./catalog.js";
-export type { DataTableProps, DataTableColumn, DataTableRow, DataTableSelectMode, DataTableSort } from "./catalog.js";
+import React from "react";
+export interface DataTableColumn<R extends DataTableRow = DataTableRow> {
+    key: string;
+    label: React.ReactNode;
+    sortable?: boolean;
+    align?: "start" | "center" | "end";
+    width?: string;
+    cell?: (row: R, column: DataTableColumn<R>) => React.ReactNode;
+}
+export interface DataTableRow {
+    id: string;
+    [key: string]: unknown;
+}
+export type DataTableSelectMode = "none" | "single" | "multiple";
+export interface DataTableSort {
+    key: string;
+    direction: "asc" | "desc";
+}
+export type DataTableProps<R extends DataTableRow = DataTableRow> = Omit<React.TableHTMLAttributes<HTMLTableElement>, "className"> & {
+    columns: Array<DataTableColumn<R>>;
+    rows: R[];
+    caption?: React.ReactNode;
+    size?: "sm" | "md" | "lg";
+    selectable?: DataTableSelectMode;
+    selectedIds?: string[];
+    onSelectionChange?: (selectedIds: string[]) => void;
+    sortable?: boolean;
+    sortBy?: DataTableSort | null;
+    onSortChange?: (sortBy: DataTableSort | null) => void;
+    pageSize?: number;
+    page?: number;
+    onPageChange?: (page: number) => void;
+    selectAllLabel?: string;
+    selectRowLabel?: string;
+    sortAscendingLabel?: string;
+    sortDescendingLabel?: string;
+    sortNoneLabel?: string;
+    previousLabel?: string;
+    nextLabel?: string;
+    rangeLabel?: (range: {
+        start: number;
+        end: number;
+        total: number;
+    }) => string;
+    emptyLabel?: string;
+    onRowClick?: (row: R) => void;
+    className?: string;
+};
+export declare function DataTable<R extends DataTableRow = DataTableRow>({ columns, rows, caption, size, selectable, selectedIds: selectedIdsProp, onSelectionChange, sortable, sortBy: sortByProp, onSortChange, pageSize, page: pageProp, onPageChange, selectAllLabel, selectRowLabel, sortAscendingLabel, sortDescendingLabel, sortNoneLabel, previousLabel, nextLabel, rangeLabel, emptyLabel, onRowClick, className, ...rest }: DataTableProps<R>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DataTable.d.ts.map

package/dist/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../src/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../src/DataTable.tsx"],"names":[],"mappings":"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"}

package/dist/DataTable.js

@@ -1,2 +1,145 @@
-export { DataTable } from "./catalog.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { classNames } from "./classNames.js";
+export function DataTable({ columns, rows, caption, size = "md", selectable = "none", selectedIds: selectedIdsProp, onSelectionChange, sortable = true, sortBy: sortByProp, onSortChange, pageSize, page: pageProp, onPageChange, selectAllLabel = "Select all rows", selectRowLabel = "Select row", sortAscendingLabel = "Sorted ascending", sortDescendingLabel = "Sorted descending", sortNoneLabel = "Not sorted", previousLabel = "Previous", nextLabel = "Next", rangeLabel = ({ start, end, total }) => `${start}–${end} of ${total}`, emptyLabel = "No data", onRowClick, className, ...rest }) {
+    const [selectedIdsState, setSelectedIdsState] = React.useState(selectedIdsProp ?? []);
+    const [sortByState, setSortByState] = React.useState(sortByProp ?? null);
+    const [pageState, setPageState] = React.useState(pageProp ?? 1);
+    const selectedIds = selectedIdsProp ?? selectedIdsState;
+    const sortBy = sortByProp !== undefined ? sortByProp : sortByState;
+    const page = pageProp ?? pageState;
+    const commitSelection = (next) => {
+        if (selectedIdsProp === undefined)
+            setSelectedIdsState(next);
+        onSelectionChange?.(next);
+    };
+    const commitSort = (next) => {
+        if (sortByProp === undefined)
+            setSortByState(next);
+        onSortChange?.(next);
+    };
+    const commitPage = (next) => {
+        if (pageProp === undefined)
+            setPageState(next);
+        onPageChange?.(next);
+    };
+    const classes = classNames("st-dataTable", `st-dataTable--${size}`, className);
+    const isColumnSortable = (column) => sortable && column.sortable !== false;
+    const sortedRows = (() => {
+        if (!sortBy)
+            return rows;
+        const { key, direction } = sortBy;
+        const factor = direction === "asc" ? 1 : -1;
+        const copy = [...rows];
+        copy.sort((a, b) => {
+            const av = a[key];
+            const bv = b[key];
+            if (av == null && bv == null)
+                return 0;
+            if (av == null)
+                return 1;
+            if (bv == null)
+                return -1;
+            if (typeof av === "number" && typeof bv === "number") {
+                return (av - bv) * factor;
+            }
+            const as = String(av);
+            const bs = String(bv);
+            return as.localeCompare(bs, undefined, { numeric: true, sensitivity: "base" }) * factor;
+        });
+        return copy;
+    })();
+    const pageCount = pageSize && pageSize > 0 ? Math.max(1, Math.ceil(sortedRows.length / pageSize)) : 1;
+    const safePage = Math.min(Math.max(1, page), pageCount);
+    const visibleRows = (() => {
+        if (!pageSize || pageSize <= 0)
+            return sortedRows;
+        const start = (safePage - 1) * pageSize;
+        return sortedRows.slice(start, start + pageSize);
+    })();
+    const range = (() => {
+        if (!pageSize || pageSize <= 0) {
+            return { start: sortedRows.length === 0 ? 0 : 1, end: sortedRows.length, total: sortedRows.length };
+        }
+        if (sortedRows.length === 0)
+            return { start: 0, end: 0, total: 0 };
+        const start = (safePage - 1) * pageSize + 1;
+        const end = Math.min(safePage * pageSize, sortedRows.length);
+        return { start, end, total: sortedRows.length };
+    })();
+    const allVisibleSelected = selectable === "multiple" && visibleRows.length > 0 && visibleRows.every((row) => selectedIds.includes(row.id));
+    const someVisibleSelected = selectable === "multiple" && visibleRows.some((row) => selectedIds.includes(row.id)) && !allVisibleSelected;
+    function ariaSortFor(column) {
+        if (!isColumnSortable(column))
+            return undefined;
+        if (sortBy?.key !== column.key)
+            return "none";
+        return sortBy.direction === "asc" ? "ascending" : "descending";
+    }
+    function toggleSort(column) {
+        if (!isColumnSortable(column))
+            return;
+        if (sortBy?.key !== column.key) {
+            commitSort({ key: column.key, direction: "asc" });
+            return;
+        }
+        if (sortBy.direction === "asc") {
+            commitSort({ key: column.key, direction: "desc" });
+            return;
+        }
+        commitSort(null);
+    }
+    function toggleRow(row, checked) {
+        if (selectable === "none")
+            return;
+        if (selectable === "single") {
+            commitSelection(checked ? [row.id] : []);
+            return;
+        }
+        commitSelection(checked ? [...selectedIds, row.id] : selectedIds.filter((id) => id !== row.id));
+    }
+    function toggleAllVisible(checked) {
+        if (selectable !== "multiple")
+            return;
+        const visibleIds = visibleRows.map((r) => r.id);
+        if (checked) {
+            const merged = new Set([...selectedIds, ...visibleIds]);
+            commitSelection(Array.from(merged));
+        }
+        else {
+            commitSelection(selectedIds.filter((id) => !visibleIds.includes(id)));
+        }
+    }
+    function alignClass(align) {
+        if (align === "center")
+            return "st-dataTable__cell--center";
+        if (align === "end")
+            return "st-dataTable__cell--end";
+        return undefined;
+    }
+    function cellValue(row, key) {
+        return String(row[key] ?? "");
+    }
+    function goToPage(target) {
+        if (target >= 1 && target <= pageCount && target !== safePage) {
+            commitPage(target);
+        }
+    }
+    const selectColspan = columns.length + (selectable !== "none" ? 1 : 0);
+    return (_jsxs("div", { className: "st-dataTable-wrap", children: [_jsxs("table", { ...rest, className: classes, children: [caption ? _jsx("caption", { children: caption }) : null, _jsx("thead", { children: _jsxs("tr", { children: [selectable === "multiple" ? (_jsx("th", { scope: "col", className: "st-dataTable__select", children: _jsxs("label", { className: "st-dataTable__selectLabel", children: [_jsx("input", { type: "checkbox", checked: allVisibleSelected, ref: (el) => {
+                                                    if (el)
+                                                        el.indeterminate = someVisibleSelected;
+                                                }, "aria-label": selectAllLabel, onChange: (e) => toggleAllVisible(e.currentTarget.checked) }), _jsx("span", { className: "st-visually-hidden", children: selectAllLabel })] }) })) : selectable === "single" ? (_jsx("th", { scope: "col", className: "st-dataTable__select", "aria-label": selectRowLabel })) : null, columns.map((column) => {
+                                    const sortState = ariaSortFor(column);
+                                    const sortableCol = isColumnSortable(column);
+                                    return (_jsx("th", { scope: "col", className: alignClass(column.align), "aria-sort": sortState, style: column.width ? { width: column.width } : undefined, children: sortableCol ? (_jsxs("button", { type: "button", className: "st-dataTable__sortBtn", onClick: () => toggleSort(column), children: [_jsx("span", { children: column.label }), _jsx("span", { className: "st-dataTable__sortIcon", "aria-hidden": "true", children: sortState === "ascending" ? "↑" : sortState === "descending" ? "↓" : "↕" }), _jsx("span", { className: "st-visually-hidden", children: sortState === "ascending"
+                                                        ? sortAscendingLabel
+                                                        : sortState === "descending"
+                                                            ? sortDescendingLabel
+                                                            : sortNoneLabel })] })) : (column.label) }, column.key));
+                                })] }) }), _jsx("tbody", { children: visibleRows.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "st-dataTable__empty", colSpan: selectColspan, children: emptyLabel }) })) : (visibleRows.map((row) => {
+                            const isSelected = selectedIds.includes(row.id);
+                            return (_jsxs("tr", { className: classNames(isSelected && "st-dataTable__row--selected", onRowClick && "st-dataTable__row--clickable"), onClick: onRowClick ? () => onRowClick(row) : undefined, children: [selectable === "multiple" ? (_jsx("td", { className: "st-dataTable__select", children: _jsxs("label", { className: "st-dataTable__selectLabel", children: [_jsx("input", { type: "checkbox", checked: isSelected, "aria-label": `${selectRowLabel} ${row.id}`, onClick: (e) => e.stopPropagation(), onChange: (e) => toggleRow(row, e.currentTarget.checked) }), _jsx("span", { className: "st-visually-hidden", children: selectRowLabel })] }) })) : selectable === "single" ? (_jsx("td", { className: "st-dataTable__select", children: _jsxs("label", { className: "st-dataTable__selectLabel", children: [_jsx("input", { type: "radio", name: "st-dataTable-select", checked: isSelected, "aria-label": `${selectRowLabel} ${row.id}`, onClick: (e) => e.stopPropagation(), onChange: (e) => toggleRow(row, e.currentTarget.checked) }), _jsx("span", { className: "st-visually-hidden", children: selectRowLabel })] }) })) : null, columns.map((column) => (_jsx("td", { className: alignClass(column.align), children: column.cell ? column.cell(row, column) : cellValue(row, column.key) }, column.key)))] }, row.id));
+                        })) })] }), pageSize && pageSize > 0 ? (_jsxs("div", { className: "st-dataTable__footer", children: [_jsx("span", { className: "st-dataTable__range", "aria-live": "polite", children: rangeLabel(range) }), _jsxs("nav", { className: "st-dataTable__pager", "aria-label": "Pagination", children: [_jsx("button", { type: "button", className: "st-dataTable__pagerBtn", disabled: safePage <= 1, onClick: () => goToPage(safePage - 1), children: previousLabel }), _jsxs("span", { className: "st-dataTable__pagerStatus", "aria-live": "polite", children: [safePage, " / ", pageCount] }), _jsx("button", { type: "button", className: "st-dataTable__pagerBtn", disabled: safePage >= pageCount, onClick: () => goToPage(safePage + 1), children: nextLabel })] })] })) : null] }));
+}
 //# sourceMappingURL=DataTable.js.map

package/dist/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../src/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../src/DataTable.tsx"],"names":[],"mappings":"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"}

package/dist/DonutChart.d.ts

@@ -1,3 +1,20 @@
-export { DonutChart } from "./catalog.js";
-export type { DonutChartProps, DonutChartDatum, DonutChartTone } from "./catalog.js";
+import React from "react";
+export type DonutChartTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
+export type DonutChartDatum = {
+    label: string;
+    value: number;
+    tone?: DonutChartTone;
+};
+export type DonutChartProps = Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {
+    data: DonutChartDatum[];
+    /** Diamètre du SVG. */
+    size?: number;
+    /** Épaisseur de l'anneau. */
+    thickness?: number;
+    /** Texte au centre (sinon le total). null pour masquer. */
+    centerLabel?: string | null;
+    label: string;
+    className?: string;
+};
+export declare function DonutChart({ data, size, thickness, centerLabel, label, className, ...rest }: DonutChartProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DonutChart.d.ts.map

package/dist/DonutChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../src/DonutChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../src/DonutChart.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,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,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,eAAe,EAAE,CAAC;IACxB,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAiBF,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAU,EACV,SAAc,EACd,WAAW,EACX,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,2CAoGjB"}