react-cheminfo 0.9.0 → 0.10.0

package/lib/scatter/ui/scatterOutlineShape.d.ts

@@ -0,0 +1,63 @@
+/**
+ * How one group outline is drawn, wherever it is drawn.
+ *
+ * The map and the pair grid measure their groups differently — the map over
+ * two columns of points, the grid over one shared block of covariances — but a
+ * reader moving between the two tabs has to see the same picture, so the one
+ * decision about fill and the collinear case lives here rather than once per
+ * figure.
+ */
+import type { ReactElement } from 'react';
+import type { ChartScale } from '../../chart/core/chartScale.ts';
+import type { ConfidenceEllipse } from '../core/confidenceEllipse.ts';
+/** How one outline is inked. */
+export interface ScatterOutlineInk {
+    /** The group's own colour, which the region is filled with. */
+    color: string;
+    /**
+     * How strongly the whole outline is drawn, which is what a muted legend
+     * entry turns down.
+     * @default undefined — the outline is drawn at full strength
+     */
+    opacity?: number;
+    /**
+     * How solid the region is; `0` draws nothing at all, since the fill is the
+     * whole shape.
+     * @default SCATTER_OUTLINE_FILL_OPACITY
+     */
+    fillOpacity?: number;
+}
+/**
+ * One group outline, mapped onto a plot and ready to be drawn.
+ *
+ * The region is fill only, with no boundary drawn: a stroked edge reads as a
+ * measured limit the ellipse never claims to be, and it competes with the dots
+ * the reader is there to count. The fill is deliberately faint for the same
+ * reason it is the whole shape — fills stack where groups overlap, and a tint
+ * heavy enough to see on its own turns two overlapping species into a third
+ * colour the reader then looks for in the legend.
+ *
+ * A group whose points lie on a straight line is drawn as the segment it
+ * actually is, and that one is stroked, since a shape of no height fills to
+ * nothing: that a group is perfectly correlated in these two axes is a
+ * finding, and dropping its outline would hide it.
+ * @param group - Which group it belongs to, for the key and the attribute the tests read.
+ * @param ellipse - The outline in data units, from `confidenceEllipse` or `scatterPairEllipse`.
+ * @param scaleX - Data to pixels, horizontally.
+ * @param scaleY - Data to pixels, vertically; its `factor` is negative.
+ * @param ink - See {@link ScatterOutlineInk}.
+ * @returns The element, keyed by group.
+ */
+export declare function scatterOutlineShape(group: number, ellipse: ConfidenceEllipse, scaleX: ChartScale, scaleY: ChartScale, ink: ScatterOutlineInk): ReactElement;
+/**
+ * How solid a group's region is.
+ *
+ * Three iris species overlap in the leading components, and fills compound
+ * where they do: at 0.2 two of them stack to 0.36 and read as a fourth group
+ * with a colour of its own, while at 0.1 they stack to 0.19 — denser than
+ * either, plainly still the same family. Below about 0.06 the region stops
+ * being visible against a white ground at all, which is the other failure.
+ * A caller drawing ten groups should turn it down.
+ */
+export declare const SCATTER_OUTLINE_FILL_OPACITY = 0.1;
+//# sourceMappingURL=scatterOutlineShape.d.ts.map

package/lib/scatter/ui/scatterOutlineShape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scatterOutlineShape.d.ts","sourceRoot":"","sources":["../../../src/scatter/ui/scatterOutlineShape.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAItE,gCAAgC;AAChC,MAAM,WAAW,iBAAiB;IAChC,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,iBAAiB,EAC1B,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,iBAAiB,GACrB,YAAY,CAKd;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,4BAA4B,MAAM,CAAC"}

package/lib/scatter/ui/scatterOutlineShape.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ellipsePolygon, projectEllipse } from "../core/ellipseProjection.js";
+/**
+ * One group outline, mapped onto a plot and ready to be drawn.
+ *
+ * The region is fill only, with no boundary drawn: a stroked edge reads as a
+ * measured limit the ellipse never claims to be, and it competes with the dots
+ * the reader is there to count. The fill is deliberately faint for the same
+ * reason it is the whole shape — fills stack where groups overlap, and a tint
+ * heavy enough to see on its own turns two overlapping species into a third
+ * colour the reader then looks for in the legend.
+ *
+ * A group whose points lie on a straight line is drawn as the segment it
+ * actually is, and that one is stroked, since a shape of no height fills to
+ * nothing: that a group is perfectly correlated in these two axes is a
+ * finding, and dropping its outline would hide it.
+ * @param group - Which group it belongs to, for the key and the attribute the tests read.
+ * @param ellipse - The outline in data units, from `confidenceEllipse` or `scatterPairEllipse`.
+ * @param scaleX - Data to pixels, horizontally.
+ * @param scaleY - Data to pixels, vertically; its `factor` is negative.
+ * @param ink - See {@link ScatterOutlineInk}.
+ * @returns The element, keyed by group.
+ */
+export function scatterOutlineShape(group, ellipse, scaleX, scaleY, ink) {
+    const drawn = projectEllipse(ellipse, scaleX, scaleY);
+    return drawn === null
+        ? sampledOutline(group, ellipse, scaleX, scaleY, ink)
+        : projectedOutline(group, drawn, ink);
+}
+/**
+ * How solid a group's region is.
+ *
+ * Three iris species overlap in the leading components, and fills compound
+ * where they do: at 0.2 two of them stack to 0.36 and read as a fourth group
+ * with a colour of its own, while at 0.1 they stack to 0.19 — denser than
+ * either, plainly still the same family. Below about 0.06 the region stops
+ * being visible against a white ground at all, which is the other failure.
+ * A caller drawing ten groups should turn it down.
+ */
+export const SCATTER_OUTLINE_FILL_OPACITY = 0.1;
+/** Firm enough to read over a cloud of its own colour. */
+const SEGMENT_STROKE_WIDTH = 1.5;
+const HALF_TURN_DEGREES = 180;
+function projectedOutline(group, shape, ink) {
+    const { cx, cy, rx, ry, angleDegrees } = shape;
+    const shared = { 'data-group': group, opacity: ink.opacity };
+    if (ry > 0) {
+        return (_jsx("ellipse", { ...shared, ...fillOf(ink), cx: round(cx), cy: round(cy), rx: round(rx), ry: round(ry), transform: `rotate(${round(angleDegrees)} ${round(cx)} ${round(cy)})` }, group));
+    }
+    const radians = (angleDegrees * Math.PI) / HALF_TURN_DEGREES;
+    const alongX = rx * Math.cos(radians);
+    const alongY = rx * Math.sin(radians);
+    return (_jsx("line", { ...shared, fill: "none", stroke: ink.color, strokeWidth: SEGMENT_STROKE_WIDTH, x1: round(cx - alongX), y1: round(cy - alongY), x2: round(cx + alongX), y2: round(cy + alongY) }, group));
+}
+/*
+ * The outline sampled and mapped point by point, for the one case the exact
+ * projection gives up on: coordinates large enough that squaring the mapping
+ * overflows. Mapping each point stays linear and so survives what squaring
+ * does not.
+ */
+function sampledOutline(group, ellipse, scaleX, scaleY, ink) {
+    const outline = ellipsePolygon(ellipse);
+    let path = '';
+    for (let index = 0; index < outline.length; index++) {
+        const point = outline[index];
+        if (point === undefined)
+            continue;
+        const px = round(scaleX.offset + point.x * scaleX.factor);
+        const py = round(scaleY.offset + point.y * scaleY.factor);
+        path += `${index === 0 ? 'M' : 'L'}${px} ${py}`;
+    }
+    return (_jsx("path", { "data-group": group, d: path === '' ? path : `${path}Z`, opacity: ink.opacity, ...fillOf(ink) }, group));
+}
+/* A fill of no opacity is left off the element rather than painted invisibly. */
+function fillOf(ink) {
+    const share = ink.fillOpacity ?? SCATTER_OUTLINE_FILL_OPACITY;
+    if (!(share > 0))
+        return { fill: 'none' };
+    return { fill: ink.color, fillOpacity: share };
+}
+const round = (value) => Math.round(value * 100) / 100;
+//# sourceMappingURL=scatterOutlineShape.js.map

package/lib/scatter/ui/scatterOutlineShape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scatterOutlineShape.js","sourceRoot":"","sources":["../../../src/scatter/ui/scatterOutlineShape.tsx"],"names":[],"mappings":"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"}

package/lib/scatter/ui/scatterPlotModel.d.ts

@@ -0,0 +1,107 @@
+/**
+ * What a scatter is made of before any of it is drawn: the groups it colours
+ * by, the marks laid over it, and the arithmetic that turns the caller's
+ * numbers into the pixels three layers and one hit test have to agree on.
+ *
+ * It is kept out of the component because a plot has to know its own rectangle
+ * before it can hand the interaction hook a set of screen positions, and a
+ * hook cannot be called from inside the frame's render callback.
+ */
+import type { ChartScale } from '../../chart/core/chartScale.ts';
+import type { ChartAxisSpec } from '../../chart/ui/ChartFrame.tsx';
+import type { ScreenPoints } from '../core/screenPoints.ts';
+import type { ScatterPixelMark } from './scatterMarkGlyph.tsx';
+import type { ScatterGroup, ScatterMarker } from './scatterPlotProps.ts';
+/** Where a scatter's data lands, and the rectangle it lands in. */
+export interface ScatterPlotView {
+    /** The rectangle gestures are taken on, ready to spread onto a `<rect>`. */
+    rect: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    /** Data to pixels, horizontally. */
+    toX: ChartScale;
+    /** Data to pixels, vertically; its `factor` is negative. */
+    toY: ChartScale;
+    /** Every point in the frame's pixels, the space a gesture arrives in. */
+    points: ScreenPoints;
+}
+/** The colour and the strength each group is drawn at. */
+export interface ScatterGroupInk {
+    /** One colour per group, in group order. */
+    colors: string[];
+    /** How strongly each group is drawn, in the same order. */
+    opacities: number[];
+}
+/**
+ * The plot rectangle, the two mappings, and every point in pixels.
+ *
+ * It repeats what `ChartFrame` works out for itself, from the same inputs and
+ * through the same two functions, because the interaction needs the positions
+ * before the frame has drawn anything and a hook cannot be called from inside
+ * the frame's render callback. Both answers come out of `chartPlotArea`, so
+ * they cannot drift apart without the frame's own tests saying so.
+ * @param x - Horizontal coordinate of every point, in data units.
+ * @param y - Vertical coordinate, in the same order.
+ * @param width - Total width of the figure, in pixels.
+ * @param height - Total height.
+ * @param xAxis - How the horizontal axis was asked for.
+ * @param yAxis - How the vertical one was.
+ * @returns Where everything sits.
+ */
+export declare function scatterPlotGeometry(x: ArrayLike<number>, y: ArrayLike<number>, width: number, height: number, xAxis: ChartAxisSpec, yAxis: ChartAxisSpec): ScatterPlotView;
+/**
+ * The colour of each group and how strongly it is drawn.
+ *
+ * A muted group is drawn faint rather than dropped: the reader turned it off
+ * to see past it, not to change the shape of what is left, and a cloud that
+ * loses points as entries are switched off is a cloud nobody can compare.
+ * @param groups - The groups, in the order they are coloured and listed.
+ * @param muted - The ids drawn faint.
+ * @returns One colour and one opacity per group.
+ */
+export declare function scatterGroupInk(groups: readonly ScatterGroup[] | undefined, muted: ReadonlySet<string> | undefined): ScatterGroupInk;
+/**
+ * The markers in pixels, which is the only space the layer that draws them
+ * knows about.
+ * @param markers - The marks, in data units.
+ * @param toX - Data to pixels, horizontally.
+ * @param toY - Data to pixels, vertically.
+ * @returns The same marks, placed.
+ */
+export declare function scatterPixelMarks(markers: readonly ScatterMarker[] | undefined, toX: ChartScale, toY: ChartScale): ScatterPixelMark[];
+/**
+ * What a screen reader is told when the caller says nothing.
+ *
+ * A figure with no label at all is hidden from a reader entirely, which for a
+ * plot carrying the whole result is worse than a sentence nobody wrote by
+ * hand. The axes are named the way the plot names them, so a reader hearing
+ * `PC 2 against PC 1` hears the same words a sighted reader sees.
+ * @param xAxis - The horizontal axis.
+ * @param yAxis - The vertical axis.
+ * @param count - How many points are drawn.
+ * @returns The sentence.
+ */
+export declare function scatterPlotLabel(xAxis: ChartAxisSpec, yAxis: ChartAxisSpec, count: number): string;
+/**
+ * The ring being dragged. Dashed, and filled only faintly: it is a gesture in
+ * progress and not anything the data says, and a solid shape over the cloud
+ * would hide the very points it is about to pick.
+ */
+export declare const LASSO_STYLE: {
+    readonly fill: "var(--accent)";
+    readonly fillOpacity: 0.08;
+    readonly stroke: "var(--accent)";
+    readonly strokeWidth: 1.5;
+    readonly strokeDasharray: "5 4";
+    readonly pointerEvents: "none";
+};
+/**
+ * How far past the dot itself the pointer still counts as aiming at it. A
+ * scatter is aimed at with a hand, and a three-pixel dot that answers only
+ * when the pointer is exactly on it reads as a plot with no hover at all.
+ */
+export declare const SCATTER_HOVER_SLACK = 8;
+//# sourceMappingURL=scatterPlotModel.d.ts.map

package/lib/scatter/ui/scatterPlotModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scatterPlotModel.d.ts","sourceRoot":"","sources":["../../../src/scatter/ui/scatterPlotModel.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEzE,mEAAmE;AACnE,MAAM,WAAW,eAAe;IAC9B,4EAA4E;IAC5E,IAAI,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9D,oCAAoC;IACpC,GAAG,EAAE,UAAU,CAAC;IAChB,4DAA4D;IAC5D,GAAG,EAAE,UAAU,CAAC;IAChB,yEAAyE;IACzE,MAAM,EAAE,YAAY,CAAC;CACtB;AAED,0DAA0D;AAC1D,MAAM,WAAW,eAAe;IAC9B,4CAA4C;IAC5C,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,2DAA2D;IAC3D,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,mBAAmB,CACjC,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,EACpB,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,aAAa,GACnB,eAAe,CAsCjB;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,SAAS,YAAY,EAAE,GAAG,SAAS,EAC3C,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,SAAS,GACrC,eAAe,CAQjB;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,SAAS,aAAa,EAAE,GAAG,SAAS,EAC7C,GAAG,EAAE,UAAU,EACf,GAAG,EAAE,UAAU,GACd,gBAAgB,EAAE,CAYpB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,MAAM,GACZ,MAAM,CAIR;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW;;;;;;;CAOd,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,IAAI,CAAC"}

package/lib/scatter/ui/scatterPlotModel.js

@@ -0,0 +1,139 @@
+/**
+ * What a scatter is made of before any of it is drawn: the groups it colours
+ * by, the marks laid over it, and the arithmetic that turns the caller's
+ * numbers into the pixels three layers and one hit test have to agree on.
+ *
+ * It is kept out of the component because a plot has to know its own rectangle
+ * before it can hand the interaction hook a set of screen positions, and a
+ * hook cannot be called from inside the frame's render callback.
+ */
+import { chartAxisScale } from "../../chart/core/chartAxisScale.js";
+import { chartScale } from "../../chart/core/chartScale.js";
+import { chartOuterRoom, chartPlotArea } from "../../chart/ui/chartStyles.js";
+/**
+ * The plot rectangle, the two mappings, and every point in pixels.
+ *
+ * It repeats what `ChartFrame` works out for itself, from the same inputs and
+ * through the same two functions, because the interaction needs the positions
+ * before the frame has drawn anything and a hook cannot be called from inside
+ * the frame's render callback. Both answers come out of `chartPlotArea`, so
+ * they cannot drift apart without the frame's own tests saying so.
+ * @param x - Horizontal coordinate of every point, in data units.
+ * @param y - Vertical coordinate, in the same order.
+ * @param width - Total width of the figure, in pixels.
+ * @param height - Total height.
+ * @param xAxis - How the horizontal axis was asked for.
+ * @param yAxis - How the vertical one was.
+ * @returns Where everything sits.
+ */
+export function scatterPlotGeometry(x, y, width, height, xAxis, yAxis) {
+    const across = chartAxisScale(xAxis.domain[0], xAxis.domain[1], {
+        count: xAxis.tickCount,
+        nice: xAxis.nice,
+    });
+    const up = chartAxisScale(yAxis.domain[0], yAxis.domain[1], {
+        count: yAxis.tickCount,
+        nice: yAxis.nice,
+    });
+    const plot = chartPlotArea(width, height, {}, {
+        bottom: chartOuterRoom('bottom', xAxis, across),
+        left: chartOuterRoom('left', yAxis, up),
+    });
+    const toX = chartScale(across.domain[0], across.domain[1], plot.left, plot.right);
+    const toY = chartScale(up.domain[0], up.domain[1], plot.bottom, plot.top);
+    const total = Math.min(x.length, y.length);
+    const pixelX = new Float64Array(total);
+    const pixelY = new Float64Array(total);
+    for (let index = 0; index < total; index++) {
+        pixelX[index] = toX.offset + (x[index] ?? Number.NaN) * toX.factor;
+        pixelY[index] = toY.offset + (y[index] ?? Number.NaN) * toY.factor;
+    }
+    return {
+        rect: { x: plot.left, y: plot.top, width: plot.width, height: plot.height },
+        toX,
+        toY,
+        points: { x: pixelX, y: pixelY },
+    };
+}
+/**
+ * The colour of each group and how strongly it is drawn.
+ *
+ * A muted group is drawn faint rather than dropped: the reader turned it off
+ * to see past it, not to change the shape of what is left, and a cloud that
+ * loses points as entries are switched off is a cloud nobody can compare.
+ * @param groups - The groups, in the order they are coloured and listed.
+ * @param muted - The ids drawn faint.
+ * @returns One colour and one opacity per group.
+ */
+export function scatterGroupInk(groups, muted) {
+    const colors = [];
+    const opacities = [];
+    for (const group of groups ?? []) {
+        colors.push(group.color);
+        opacities.push(muted?.has(group.id) === true ? MUTED_OPACITY : 1);
+    }
+    return { colors, opacities };
+}
+/**
+ * The markers in pixels, which is the only space the layer that draws them
+ * knows about.
+ * @param markers - The marks, in data units.
+ * @param toX - Data to pixels, horizontally.
+ * @param toY - Data to pixels, vertically.
+ * @returns The same marks, placed.
+ */
+export function scatterPixelMarks(markers, toX, toY) {
+    const marks = [];
+    for (const marker of markers ?? []) {
+        marks.push({
+            label: marker.label,
+            color: marker.color,
+            shape: marker.shape,
+            x: toX.offset + marker.x * toX.factor,
+            y: toY.offset + marker.y * toY.factor,
+        });
+    }
+    return marks;
+}
+/**
+ * What a screen reader is told when the caller says nothing.
+ *
+ * A figure with no label at all is hidden from a reader entirely, which for a
+ * plot carrying the whole result is worse than a sentence nobody wrote by
+ * hand. The axes are named the way the plot names them, so a reader hearing
+ * `PC 2 against PC 1` hears the same words a sighted reader sees.
+ * @param xAxis - The horizontal axis.
+ * @param yAxis - The vertical axis.
+ * @param count - How many points are drawn.
+ * @returns The sentence.
+ */
+export function scatterPlotLabel(xAxis, yAxis, count) {
+    const across = xAxis.label ?? 'the horizontal axis';
+    const up = yAxis.label ?? 'the vertical axis';
+    return `A scatter plot of ${count} points, ${up} against ${across}.`;
+}
+/**
+ * The ring being dragged. Dashed, and filled only faintly: it is a gesture in
+ * progress and not anything the data says, and a solid shape over the cloud
+ * would hide the very points it is about to pick.
+ */
+export const LASSO_STYLE = {
+    fill: 'var(--accent)',
+    fillOpacity: 0.08,
+    stroke: 'var(--accent)',
+    strokeWidth: 1.5,
+    strokeDasharray: '5 4',
+    pointerEvents: 'none',
+};
+/**
+ * How far past the dot itself the pointer still counts as aiming at it. A
+ * scatter is aimed at with a hand, and a three-pixel dot that answers only
+ * when the pointer is exactly on it reads as a plot with no hover at all.
+ */
+export const SCATTER_HOVER_SLACK = 8;
+/**
+ * Faint enough to read as switched off at a glance, dark enough that the shape
+ * of the group is still there — a reader mutes a group to see past it.
+ */
+const MUTED_OPACITY = 0.2;
+//# sourceMappingURL=scatterPlotModel.js.map

package/lib/scatter/ui/scatterPlotModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scatterPlotModel.js","sourceRoot":"","sources":["../../../src/scatter/ui/scatterPlotModel.ts"],"names":[],"mappings":"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"}

package/lib/scatter/ui/scatterPlotProps.d.ts

@@ -0,0 +1,235 @@
+/**
+ * What a caller hands a {@link ScatterPlot}.
+ *
+ * The types live beside the component rather than inside it because the plot's
+ * own file would otherwise be mostly prose: a reader looking for what the
+ * component does should not have to scroll past twenty documented options to
+ * find it.
+ */
+import type { ReactNode } from 'react';
+import type { ChartViewport } from '../../chart/core/chartViewport.ts';
+import type { ChartAxisSpec } from '../../chart/ui/ChartFrame.tsx';
+import type { OverlayMarkShape } from '../../overlay/core/overlayMarks.ts';
+import type { EllipseSize } from '../core/confidenceEllipse.ts';
+import type { ScatterSelectionMode } from '../core/scatterSelection.ts';
+import type { SelectionChange } from './useScatterSelection.ts';
+/** One group of points on a scatter plot. */
+export interface ScatterGroup {
+    /** A stable id, named in the legend and in a group's own callbacks. */
+    id: string;
+    /** What it is called, in the reader's words. */
+    label: string;
+    /** Its colour, normally from `chartSeriesColor`. */
+    color: string;
+}
+/** A point drawn over the cloud that is not a sample — a cluster centre. */
+export interface ScatterMarker {
+    /** What it is called, for its own hover card. */
+    label: string;
+    /** Horizontal position, in the plot's data units. */
+    x: number;
+    /** Vertical position, in the plot's data units. */
+    y: number;
+    /** Its colour. */
+    color: string;
+    /**
+     * The glyph it is drawn with, which is how a reader tells it from a sample
+     * without reading the legend first.
+     * @default 'cross'
+     */
+    shape?: OverlayMarkShape;
+}
+/** What {@link ScatterPlot} needs. */
+export interface ScatterPlotProps {
+    /** Horizontal coordinate of every point, in data units. */
+    x: ArrayLike<number>;
+    /** Vertical coordinate of every point, in the same order. */
+    y: ArrayLike<number>;
+    /** Total width, in pixels, from `useContainerSize`. */
+    width: number;
+    /** Total height. */
+    height: number;
+    /** The horizontal axis. */
+    xAxis: ChartAxisSpec;
+    /** The vertical axis. */
+    yAxis: ChartAxisSpec;
+    /**
+     * Which group each point belongs to, as an index into `groups`. A point with
+     * `-1`, or an index outside the range, is drawn in the muted ink and left
+     * out of every outline.
+     * @default undefined — every point is one crowd
+     */
+    groupOf?: ArrayLike<number>;
+    /**
+     * The groups, in the order they are coloured and listed.
+     * @default undefined
+     */
+    groups?: readonly ScatterGroup[];
+    /**
+     * Which groups are drawn faint, by id — what a legend entry switches.
+     * @default undefined — every group is drawn in full
+     */
+    mutedGroups?: ReadonlySet<string>;
+    /**
+     * How large the group outlines are, or `null` for none.
+     * @default null
+     */
+    ellipse?: EllipseSize | null;
+    /**
+     * How many points a group needs before it is outlined at all. Below it the
+     * shape says more about the sample than about the group.
+     * @default 3
+     */
+    ellipseMinimumPoints?: number;
+    /**
+     * How solid each group outline is; `0` draws nothing at all, since the fill
+     * is the whole outline. Turn it down when many groups overlap, since the
+     * fills compound where two of them cross.
+     * @default SCATTER_OUTLINE_FILL_OPACITY
+     */
+    ellipseFillOpacity?: number;
+    /**
+     * Whether each group's average is marked with a cross.
+     * @default false
+     */
+    showGroupMeans?: boolean;
+    /**
+     * Points drawn over the cloud that are not samples.
+     * @default undefined
+     */
+    markers?: readonly ScatterMarker[];
+    /**
+     * Radius of a dot, in pixels.
+     * @default 3.5
+     */
+    pointRadius?: number;
+    /**
+     * The index from which points are drawn as outlines rather than filled.
+     *
+     * It is how a sample the model was built from is told from one placed into
+     * it afterwards: the first kind helped choose where the axes point and is
+     * bound to sit somewhere reasonable, while the second can land anywhere.
+     * Points before it are filled, points from it on are hollow.
+     * @default undefined — every point is filled
+     */
+    outlinedFrom?: number;
+    /**
+     * What each point is called, written beside its own dot. A point whose entry
+     * is `undefined` is left unnamed, so a caller may label the twenty samples
+     * it cares about and leave the crowd alone.
+     *
+     * Names are placed so that no two overlap: one that cannot be fitted near
+     * its own dot is moved aside with a line back to it, and one with nowhere
+     * left to go is dropped rather than written over another.
+     * @default undefined — no point is named
+     */
+    pointLabels?: ReadonlyArray<string | undefined>;
+    /**
+     * Whether each group's name is written once, over the middle of that group.
+     * It needs `groupOf` and `groups`, since it is their names it writes. They
+     * are placed like `pointLabels`, biggest group first, so the name that
+     * speaks for the most samples keeps the middle of its own crowd.
+     * @default false
+     */
+    showGroupLabels?: boolean;
+    /**
+     * The selected rows. Present, the caller owns the selection; the outline
+     * drawn while a lasso is being dragged stays inside the component either
+     * way, so a controlled parent is never asked to re-render sixty times a
+     * second.
+     * @default undefined — the plot keeps its own
+     */
+    selected?: readonly number[];
+    /**
+     * The rows selected before the reader touches anything.
+     * @default undefined — nothing is selected
+     */
+    defaultSelected?: readonly number[];
+    /**
+     * Called when a lasso is released, a dot is clicked, or the keyboard commits
+     * — never while a lasso is being drawn.
+     * @default undefined
+     */
+    onSelectionChange?: (change: SelectionChange) => void;
+    /**
+     * What a drag does to the selection when no modifier is held. Shift always
+     * adds and Alt always removes, whatever this says.
+     * @default 'replace'
+     */
+    selectMode?: ScatterSelectionMode;
+    /**
+     * Called with the row under the pointer, or `-1` when the pointer is on
+     * none.
+     * @default undefined
+     */
+    onHoverChange?: (index: number) => void;
+    /**
+     * Called with the row whose card the reader pinned, or `-1`.
+     * @default undefined
+     */
+    onPinChange?: (index: number) => void;
+    /**
+     * Called when a lasso starts being drawn and again when it ends, and never
+     * in between.
+     *
+     * The floating chrome reads the drag from the overlay surface instead, which
+     * costs the caller nothing. This is for the piece of chrome that has to say
+     * what letting go will do while sitting *outside* the plot — a caption in the
+     * flow beneath it, which cannot reach that surface and must not cover the
+     * axis title to get at it.
+     * @default undefined
+     */
+    onLassoChange?: (drawing: boolean) => void;
+    /**
+     * Whether a drag on a touch screen draws a lasso rather than scrolling the
+     * page. Off, because a chart that traps the page scroll on a phone is a
+     * worse fault than a missing gesture.
+     * @default false
+     */
+    touchLasso?: boolean;
+    /**
+     * The frame the plot is zoomed into, in data units. Present, the caller owns
+     * the zoom; `null` shows the whole of both axes. A frame reaching outside
+     * the axes is pulled back inside them — the reader can never zoom out past
+     * the picture they started with.
+     * @default undefined — the plot keeps its own frame
+     */
+    viewport?: ChartViewport | null;
+    /**
+     * Called with the frame a wheel or a double click asks for, and with `null`
+     * when it has reached back out to the whole of the data.
+     * @default undefined
+     */
+    onViewportChange?: (viewport: ChartViewport | null) => void;
+    /**
+     * Whether the wheel zooms about the pointer, once the pointer has rested
+     * over the plot for `wheelZoomDelay`. Off, because a figure set in a page of
+     * prose must not take the reader's scroll on their way past it; a figure
+     * given a panel of its own should turn it on.
+     * @default false
+     */
+    wheelZoom?: boolean;
+    /**
+     * How long the pointer has to rest over the plot before the wheel is caught,
+     * in milliseconds.
+     * @default CHART_WHEEL_DWELL
+     */
+    wheelZoomDelay?: number;
+    /**
+     * What floats over the plot — an `OverlayBar`, a legend, a caption, a
+     * readout.
+     * @default undefined
+     */
+    overlay?: ReactNode;
+    /**
+     * What a screen reader is told the plot shows.
+     * @default a sentence built from the two axis titles and the point count
+     */
+    label?: string;
+    /**
+     * Value of the `data-testid` attribute of the wrapper.
+     * @default undefined
+     */
+    testId?: string;
+}
+//# sourceMappingURL=scatterPlotProps.d.ts.map

package/lib/scatter/ui/scatterPlotProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scatterPlotProps.d.ts","sourceRoot":"","sources":["../../../src/scatter/ui/scatterPlotProps.ts"],"names":[],"mappings":"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"}