react-cheminfo 0.9.0 → 0.11.0

package/lib/overlay/ui/OverlayNumber.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { OverlayRow } from "./OverlayRow.js";
+import { overlayNumberValueStyle, overlayStepperButtonStyle, overlayStepperStyle, } from "./overlayStepperStyles.js";
+import { useOverlaySurface } from "./overlaySurface.js";
+/**
+ * A value the reader nudges up and down.
+ *
+ * It is two buttons around a number rather than a field, because over a figure
+ * the reader is not typing a value, they are hunting for the one that makes
+ * the picture read — and on a phone a text field raises a keyboard that covers
+ * the very picture the value is being chosen against. The end of the range is
+ * shown by the button going dead rather than by a value that refuses to move,
+ * so the reader can see where the limit is before pressing into it.
+ * @param props - See {@link OverlayNumberProps}.
+ * @returns The stepper.
+ */
+export function OverlayNumber(props) {
+    const { value, min, max, onChange, label, help, hideLabel = false, disabled = false, testId, step = 1, digits = 0, unit = '', } = props;
+    const { metrics } = useOverlaySurface();
+    function move(steps) {
+        const next = clamp(value + steps * step, min, max);
+        if (next !== value)
+            onChange(next);
+    }
+    function onKeyDown(event) {
+        const steps = STEPS_BY_KEY.get(event.key);
+        if (steps === undefined || disabled)
+            return;
+        event.preventDefault();
+        move(steps);
+    }
+    return (_jsx(OverlayRow, { label: label, help: help, hideLabel: hideLabel, disabled: disabled, children: _jsxs("span", { style: overlayStepperStyle(metrics), "data-testid": testId, children: [_jsx("button", { type: "button", style: overlayStepperButtonStyle(metrics, disabled || value <= min), disabled: disabled || value <= min, "aria-label": `Decrease ${label}`, onClick: () => move(-1), onKeyDown: onKeyDown, children: "\u2212" }), _jsx("span", { style: overlayNumberValueStyle(metrics, widestValue(props)), "aria-live": "polite", children: `${value.toFixed(digits)}${unit}` }), _jsx("button", { type: "button", style: overlayStepperButtonStyle(metrics, disabled || value >= max), disabled: disabled || value >= max, "aria-label": `Increase ${label}`, onClick: () => move(1), onKeyDown: onKeyDown, children: "+" })] }) }));
+}
+/**
+ * How long the longest value of a stepper is, in characters.
+ *
+ * Both ends of the range are measured rather than the value in hand: reserving
+ * room for what is currently written is reserving the wrong room the moment
+ * the reader presses a button.
+ * @param props - See {@link OverlayNumberProps}.
+ * @returns The character count.
+ */
+function widestValue(props) {
+    const { min, max, digits = 0, unit = '' } = props;
+    const ends = Math.max(min.toFixed(digits).length, max.toFixed(digits).length);
+    return ends + unit.length;
+}
+/**
+ * Where a step lands, held inside the range and rounded back onto the grid.
+ *
+ * Adding a fractional step to a float drifts — ten presses of `0.1` land on
+ * `0.9999999999999999` — and a value that arrives at the caller one part in a
+ * quadrillion off its own limit is a value the caller's own clamp rejects.
+ * @param value - Where the step landed.
+ * @param min - The smallest it may be.
+ * @param max - The largest it may be.
+ * @returns The value the caller is handed.
+ */
+function clamp(value, min, max) {
+    const rounded = Math.round(value * FLOAT_GRID) / FLOAT_GRID;
+    if (rounded < min)
+        return min;
+    if (rounded > max)
+        return max;
+    return rounded;
+}
+const FLOAT_GRID = 1e10;
+const STEPS_BY_KEY = new Map([
+    ['ArrowUp', 1],
+    ['ArrowRight', 1],
+    ['ArrowDown', -1],
+    ['ArrowLeft', -1],
+]);
+//# sourceMappingURL=OverlayNumber.js.map

package/lib/overlay/ui/OverlayNumber.js.map

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

package/lib/overlay/ui/OverlayPanel.d.ts

@@ -0,0 +1,81 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { HelpContent } from '../../help/ui/HelpBody.tsx';
+/** What {@link OverlayPanel} holds. */
+export interface OverlayPanelProps {
+    /**
+     * Which figure these settings belong to: `Map`, `What differs`. A viewer
+     * shows four figures behind one cog, and a panel that never names itself
+     * leaves the reader guessing which of them they are about to change.
+     */
+    title: string;
+    /** The rows and sections, each an {@link OverlayRow} or an {@link OverlayGroup}. */
+    children: ReactNode;
+    /**
+     * Called when the reader asks for the settings the figure came with. There
+     * has to be a way back from a configuration nobody understands any more.
+     * @default undefined — no way back is offered
+     */
+    onReset?: () => void;
+    /**
+     * What that way back reads.
+     * @default 'Reset'
+     */
+    resetLabel?: string;
+    /**
+     * What the whole figure is, in a sentence, behind a question mark beside the
+     * title. This is the one glyph the domain still allows, because the figure
+     * has no name of its own in the panel to hang its explanation off — every
+     * control below does, and none of them may have one.
+     * @default undefined
+     */
+    help?: HelpContent;
+    /**
+     * What the figure can be *told to do*, drawn at the foot under a hairline —
+     * `Clear selection`, `Zoom to selection`, each an {@link OverlayAction}.
+     *
+     * Commands are not settings and must never be given a row. A row says what
+     * the figure currently is; a command changes it once and leaves nothing
+     * behind, and a reader running down a column of settings takes anything in
+     * that column for one — which is how `Clear selection` gets pressed by
+     * somebody who was only reading.
+     * @default undefined — no footer is drawn
+     */
+    actions?: ReactNode;
+    /**
+     * The line at the foot of the body that teaches the convention. Nothing in
+     * the panel says that the dotted names are offering anything, so one
+     * sentence says it once. Pass `''` for a panel whose names carry no help at
+     * all, where the line would be a promise the panel does not keep.
+     * @default 'Hover a name for what it does.'
+     */
+    hint?: string;
+    /**
+     * Width of the name column, in pixels. Widen it here rather than per row,
+     * for a panel whose names are longer than eight characters.
+     * @default derived from the type size — 88 at the compact size
+     */
+    nameWidth?: number;
+    /**
+     * Value of the `data-testid` attribute of the panel.
+     * @default undefined
+     */
+    testId?: string;
+}
+/**
+ * The settings behind a figure's cog.
+ *
+ * The four panels of a viewer cannot be allowed to drift apart, so the parts
+ * that are the same in all of them — the title, the way back, the grid the
+ * rows sit in, the sentence teaching the help convention, the commands kept
+ * out of the settings — are settled once here rather than assembled per
+ * figure. What a panel is handed is its rows; everything around them it draws
+ * itself.
+ *
+ * It brings its own padding, so it belongs in a popover or a card that has
+ * none. Nested inside a padded surface its header rule stops short of both
+ * edges, which reads as a mis-drawn line rather than as a header.
+ * @param props - See {@link OverlayPanelProps}.
+ * @returns The panel.
+ */
+export declare function OverlayPanel(props: OverlayPanelProps): ReactElement;
+//# sourceMappingURL=OverlayPanel.d.ts.map

package/lib/overlay/ui/OverlayPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayPanel.d.ts","sourceRoot":"","sources":["../../../src/overlay/ui/OverlayPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAiB9D,uCAAuC;AACvC,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAsDnE"}

package/lib/overlay/ui/OverlayPanel.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo, useState } from 'react';
+import { HelpIcon } from "../../help/ui/HelpIcon.js";
+import { OverlayPanelContext } from "./overlayPanelContext.js";
+import { overlayPanelBodyStyle, overlayPanelFooterStyle, overlayPanelHeaderStyle, overlayPanelHintStyle, overlayPanelResetStyle, overlayPanelSurfaceStyle, overlayPanelTitleStyle, } from "./overlayPanelStyles.js";
+import { overlayNameColumnWidth } from "./overlayRowStyles.js";
+import { useOverlaySurface } from "./overlaySurface.js";
+/**
+ * The settings behind a figure's cog.
+ *
+ * The four panels of a viewer cannot be allowed to drift apart, so the parts
+ * that are the same in all of them — the title, the way back, the grid the
+ * rows sit in, the sentence teaching the help convention, the commands kept
+ * out of the settings — are settled once here rather than assembled per
+ * figure. What a panel is handed is its rows; everything around them it draws
+ * itself.
+ *
+ * It brings its own padding, so it belongs in a popover or a card that has
+ * none. Nested inside a padded surface its header rule stops short of both
+ * edges, which reads as a mis-drawn line rather than as a header.
+ * @param props - See {@link OverlayPanelProps}.
+ * @returns The panel.
+ */
+export function OverlayPanel(props) {
+    const { title, children, onReset, resetLabel = 'Reset', help } = props;
+    const { actions, hint = DEFAULT_HINT, nameWidth, testId } = props;
+    const { metrics } = useOverlaySurface();
+    const titleId = useId();
+    const [resetHovered, setResetHovered] = useState(false);
+    const width = nameWidth ?? overlayNameColumnWidth(metrics);
+    const shape = useMemo(() => ({ nameWidth: width }), [width]);
+    return (_jsxs("div", { role: "group", "aria-labelledby": titleId, "data-testid": testId, style: overlayPanelSurfaceStyle(metrics), children: [_jsxs("div", { style: overlayPanelHeaderStyle(metrics), children: [_jsxs("span", { style: overlayPanelTitleStyle(metrics), children: [_jsx("span", { id: titleId, children: title }), help === undefined ? null : (_jsx(HelpIcon, { content: help, size: metrics.fontSize }))] }), onReset === undefined ? null : (_jsx("button", { type: "button", style: overlayPanelResetStyle(metrics, resetHovered), onClick: onReset, onPointerEnter: () => setResetHovered(true), onPointerLeave: () => setResetHovered(false), onFocus: () => setResetHovered(true), onBlur: () => setResetHovered(false), children: resetLabel }))] }), _jsxs("div", { style: overlayPanelBodyStyle(metrics), children: [_jsx(OverlayPanelContext.Provider, { value: shape, children: children }), hint === '' ? null : (_jsx("p", { style: overlayPanelHintStyle(metrics), children: hint }))] }), actions === undefined ? null : (_jsx("div", { style: overlayPanelFooterStyle(metrics), children: actions }))] }));
+}
+/**
+ * The sentence that teaches the convention.
+ *
+ * It names the gesture rather than the mark, because a reader who has noticed
+ * the dotted underlines has already asked this question and one who has not
+ * would not recognise a description of them.
+ */
+const DEFAULT_HINT = 'Hover a name for what it does.';
+//# sourceMappingURL=OverlayPanel.js.map

package/lib/overlay/ui/OverlayPanel.js.map

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

package/lib/overlay/ui/OverlayPills.d.ts

@@ -0,0 +1,73 @@
+import type { ReactElement } from 'react';
+import type { OverlayOption } from './OverlayRow.tsx';
+import type { OverlaySegmentedSize } from './overlayPillStyles.ts';
+/** One choice offered by an {@link OverlayPills}. */
+export interface OverlayPillOption<TValue extends string = string> extends OverlayOption<TValue> {
+    /**
+     * How many things this choice covers, written small after its label — the
+     * number of samples in a group, of components in a view.
+     * @default undefined — no count is written
+     */
+    count?: number;
+}
+/** What {@link OverlayPills} needs. */
+export interface OverlayPillsProps<TValue extends string = string> {
+    /** The current choice. */
+    value: TValue;
+    /** What may be chosen, in the order offered. */
+    options: ReadonlyArray<OverlayPillOption<TValue>>;
+    /** Called with the new choice. */
+    onChange: (value: TValue) => void;
+    /** What the group is called, for a reader arriving by keyboard. */
+    label: string;
+    /**
+     * What the group is: a strip moving between the views of one figure, or a
+     * set of choices for one setting. The look is the same either way — it is
+     * the announcement and the shape of the keyboard that differ.
+     * @default 'tablist'
+     */
+    role?: 'tablist' | 'radiogroup';
+    /**
+     * How big it is drawn: the figure's own tab bar, or one question inside a
+     * card, which is a little smaller.
+     * @default 'strip'
+     */
+    size?: OverlaySegmentedSize;
+    /**
+     * The `id` of the panel a tab strip drives, so a screen reader can walk from
+     * a tab to what it shows. One panel is normally shared, since only the tab
+     * in force is ever rendered.
+     * @default undefined
+     */
+    panelId?: string;
+    /**
+     * Stem of the `id` every tab carries, for a panel that names the tab it
+     * belongs to. Left out, one is generated.
+     * @default undefined — a generated id
+     */
+    baseId?: string;
+    /**
+     * Whether the whole group is greyed and unreachable.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Value of the `data-testid` attribute of the group.
+     * @default undefined
+     */
+    testId?: string;
+}
+/**
+ * A row of choices in a sunken track, the one in force lifted out of it.
+ *
+ * It is the package's one segmented control, used both as a figure's tab strip
+ * and as a setting inside a card, because a reader who has learned to press
+ * one of them has learned to press the other. Only one segment is in the tab
+ * order — the one in force — and the arrows move between them from there, so
+ * a strip of six views costs a reader walking the page one stop rather than
+ * six.
+ * @param props - See {@link OverlayPillsProps}.
+ * @returns The group.
+ */
+export declare function OverlayPills<TValue extends string = string>(props: OverlayPillsProps<TValue>): ReactElement;
+//# sourceMappingURL=OverlayPills.d.ts.map

package/lib/overlay/ui/OverlayPills.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayPills.d.ts","sourceRoot":"","sources":["../../../src/overlay/ui/OverlayPills.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAQnE,qDAAqD;AACrD,MAAM,WAAW,iBAAiB,CAChC,MAAM,SAAS,MAAM,GAAG,MAAM,CAC9B,SAAQ,aAAa,CAAC,MAAM,CAAC;IAC7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,uCAAuC;AACvC,MAAM,WAAW,iBAAiB,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM;IAC/D,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,OAAO,EAAE,aAAa,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;IAClD,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IAChC;;;;OAIG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,EACzD,KAAK,EAAE,iBAAiB,CAAC,MAAM,CAAC,GAC/B,YAAY,CAqEd"}

package/lib/overlay/ui/OverlayPills.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef } from 'react';
+import { handleOverlayPillKey } from "./overlayPillKeys.js";
+import { overlayPillCountStyle, overlayPillGroupStyle, overlayPillStyle, } from "./overlayPillStyles.js";
+import { useOverlaySurface } from "./overlaySurface.js";
+/**
+ * A row of choices in a sunken track, the one in force lifted out of it.
+ *
+ * It is the package's one segmented control, used both as a figure's tab strip
+ * and as a setting inside a card, because a reader who has learned to press
+ * one of them has learned to press the other. Only one segment is in the tab
+ * order — the one in force — and the arrows move between them from there, so
+ * a strip of six views costs a reader walking the page one stop rather than
+ * six.
+ * @param props - See {@link OverlayPillsProps}.
+ * @returns The group.
+ */
+export function OverlayPills(props) {
+    const { value, options, onChange, label, role = 'tablist' } = props;
+    const { panelId, baseId, size = 'strip', disabled = false, testId } = props;
+    const { metrics } = useOverlaySurface();
+    const generatedId = useId();
+    const pills = useRef([]);
+    const tabs = role === 'tablist';
+    const stem = baseId ?? generatedId;
+    let selectedIndex = -1;
+    for (let index = 0; index < options.length; index++) {
+        if (options[index]?.value === value)
+            selectedIndex = index;
+    }
+    return (_jsx("div", { role: role, "aria-label": label, "data-testid": testId, style: overlayPillGroupStyle(metrics, size), onKeyDown: (event) => {
+            handleOverlayPillKey(event, {
+                length: options.length,
+                selectedIndex,
+                onSelect: (index) => {
+                    const option = options[index];
+                    if (option === undefined || option.disabled === true)
+                        return;
+                    pills.current[index]?.focus();
+                    onChange(option.value);
+                },
+            });
+        }, children: options.map((option, index) => {
+            const selected = option.value === value;
+            const unreachable = disabled || option.disabled === true;
+            return (_jsxs("button", { ref: (element) => {
+                    pills.current[index] = element;
+                }, type: "button", role: tabs ? 'tab' : 'radio', id: tabs ? `${stem}-${option.value}` : undefined, "aria-selected": tabs ? selected : undefined, "aria-checked": tabs ? undefined : selected, "aria-controls": tabs ? panelId : undefined, title: option.title, disabled: unreachable, tabIndex: index === Math.max(selectedIndex, 0) ? 0 : -1, style: overlayPillStyle(metrics, {
+                    selected,
+                    disabled: unreachable,
+                    size,
+                }), onClick: () => onChange(option.value), children: [option.label, option.count === undefined ? null : (_jsx("span", { style: overlayPillCountStyle(metrics, selected), children: option.count }))] }, option.value));
+        }) }));
+}
+//# sourceMappingURL=OverlayPills.js.map

package/lib/overlay/ui/OverlayPills.js.map

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

package/lib/overlay/ui/OverlayReadout.d.ts

@@ -0,0 +1,63 @@
+import type { ReactElement } from 'react';
+/** One line of an {@link OverlayReadout}. */
+export interface OverlayReadoutRow {
+    /** What the value is. */
+    label: string;
+    /** The value, already written out — the readout never formats a number itself. */
+    value: string;
+    /**
+     * A colour chip before the label, for a row belonging to one series.
+     * @default undefined
+     */
+    color?: string;
+}
+/** What {@link OverlayReadout} shows, and where. */
+export interface OverlayReadoutProps {
+    /** Where the pointer is, in pixels from the figure's left. */
+    x: number;
+    /** Where the pointer is, in pixels from the figure's top. */
+    y: number;
+    /** Width of the figure, so the card can be flipped rather than clipped. */
+    boxWidth: number;
+    /** Height of the figure. */
+    boxHeight: number;
+    /** The first line, in bold — normally what the reader pointed at. */
+    title: string;
+    /** Everything the caller knows about it, in the caller's own order. */
+    rows: readonly OverlayReadoutRow[];
+    /**
+     * The most rows shown before a `+ 7 more — click to keep this open` footer.
+     * A card taller than the figure is a fault, not a feature.
+     * @default 12
+     */
+    maxRows?: number;
+    /**
+     * Whether the card stays until it is dismissed, in which case it scrolls its
+     * own rows and lets the reader select their text.
+     * @default false
+     */
+    pinned?: boolean;
+    /**
+     * Called when the reader dismisses a pinned card.
+     * @default undefined
+     */
+    onUnpin?: () => void;
+    /**
+     * Value of the `data-testid` attribute of the card.
+     * @default undefined
+     */
+    testId?: string;
+}
+/**
+ * The card that follows the pointer and says everything known about the mark
+ * under it.
+ *
+ * It follows the pointer rather than anchoring to the mark, because a
+ * nearest-within-radius hit test changes which mark it names while the pointer
+ * keeps moving, and an anchored card would then teleport. Pinned, it stops
+ * following and becomes readable and selectable.
+ * @param props - See {@link OverlayReadoutProps}.
+ * @returns The card.
+ */
+export declare function OverlayReadout(props: OverlayReadoutProps): ReactElement;
+//# sourceMappingURL=OverlayReadout.d.ts.map

package/lib/overlay/ui/OverlayReadout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayReadout.d.ts","sourceRoot":"","sources":["../../../src/overlay/ui/OverlayReadout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAWzD,6CAA6C;AAC7C,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,oDAAoD;AACpD,MAAM,WAAW,mBAAmB;IAClC,8DAA8D;IAC9D,CAAC,EAAE,MAAM,CAAC;IACV,6DAA6D;IAC7D,CAAC,EAAE,MAAM,CAAC;IACV,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,IAAI,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CA+DvE"}

package/lib/overlay/ui/OverlayReadout.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { Button } from 'react-science/ui';
+import { useContainerSize } from "../../hooks/ui/useContainerSize.js";
+import { placeOverlayCard } from "../core/placeOverlayCard.js";
+import { overlayReadoutStyle } from "./overlayFigureStyles.js";
+import { useOverlaySurface } from "./overlaySurface.js";
+/**
+ * The card that follows the pointer and says everything known about the mark
+ * under it.
+ *
+ * It follows the pointer rather than anchoring to the mark, because a
+ * nearest-within-radius hit test changes which mark it names while the pointer
+ * keeps moving, and an anchored card would then teleport. Pinned, it stops
+ * following and becomes readable and selectable.
+ * @param props - See {@link OverlayReadoutProps}.
+ * @returns The card.
+ */
+export function OverlayReadout(props) {
+    const { x, y, boxWidth, boxHeight, title, rows, maxRows = 12, pinned = false, onUnpin, testId, } = props;
+    const { metrics } = useOverlaySurface();
+    const card = useRef(null);
+    const measured = useContainerSize(card);
+    const room = Math.max(1, maxRows);
+    const hidden = pinned ? 0 : Math.max(0, rows.length - room);
+    const written = hidden === 0 ? rows : rows.slice(0, room);
+    const lines = written.length + (hidden === 0 ? 1 : 2);
+    const place = placeOverlayCard({
+        pointerX: x,
+        pointerY: y,
+        cardWidth: measured.width > 0 ? measured.width : ESTIMATED_WIDTH,
+        cardHeight: measured.height > 0 ? measured.height : estimatedHeight(lines),
+        boxWidth,
+        boxHeight,
+    });
+    return (_jsxs("div", { ref: card, "data-testid": testId, role: pinned ? 'group' : 'tooltip', "aria-label": pinned ? title : undefined, style: {
+            ...overlayReadoutStyle(metrics),
+            left: place.left,
+            top: place.top,
+            ...(pinned ? pinnedStyle(boxHeight, metrics) : null),
+        }, children: [_jsxs("div", { style: TITLE_STYLE, children: [_jsx("span", { children: title }), pinned && onUnpin !== undefined ? (_jsx(Button, { variant: "minimal", size: "small", icon: "cross", "aria-label": "Dismiss", onClick: onUnpin })) : null] }), readoutLines(written), hidden === 0 ? null : (_jsx("div", { style: FOOTER_STYLE, children: `+ ${hidden} more — click to keep this open` }))] }));
+}
+/**
+ * The rows, each keyed by what it says rather than by where it sits, so a card
+ * that gains a line above an existing one leaves the lines below it alone.
+ *
+ * A label can legitimately repeat — the same axis drawn on both sides of a map
+ * writes its name twice — so a repeat is counted and carries that count.
+ * @param rows - The lines to write, in the caller's order.
+ * @returns One element per row.
+ */
+function readoutLines(rows) {
+    const lines = [];
+    const seen = new Map();
+    for (const row of rows) {
+        const repeat = seen.get(row.label) ?? 0;
+        seen.set(row.label, repeat + 1);
+        lines.push(_jsxs("div", { style: ROW_STYLE, children: [row.color === undefined ? null : (_jsx("span", { style: { ...CHIP_STYLE, background: row.color } })), _jsx("span", { style: LABEL_STYLE, children: row.label }), _jsx("span", { style: VALUE_STYLE, children: row.value })] }, repeat === 0 ? row.label : `${row.label} ${String(repeat)}`));
+    }
+    return lines;
+}
+/**
+ * The card is placed from an estimate until it has been measured once, and the
+ * estimate errs wide on purpose: a card that flips a few pixels early is still
+ * read where the reader is looking, while one that flips late is cut off by
+ * the edge of the figure.
+ * @param lines - How many lines the card is about to hold, its title included.
+ * @returns Its likely height in pixels.
+ */
+function estimatedHeight(lines) {
+    return ESTIMATED_PADDING + lines * ESTIMATED_LINE_HEIGHT;
+}
+/**
+ * A pinned card takes the pointer back, so its rows can be selected and its
+ * dismiss button pressed, and it never grows past the figure it belongs to.
+ * @param boxHeight - Height of the figure.
+ * @param metrics - The measurements the chrome is drawn from.
+ * @returns What pinning changes.
+ */
+function pinnedStyle(boxHeight, metrics) {
+    return {
+        pointerEvents: 'auto',
+        userSelect: 'text',
+        maxHeight: Math.max(MINIMUM_PINNED_HEIGHT, boxHeight - metrics.inset * 2),
+        overflowY: 'auto',
+    };
+}
+const ESTIMATED_WIDTH = 220;
+const ESTIMATED_LINE_HEIGHT = 18;
+const ESTIMATED_PADDING = 16;
+const MINIMUM_PINNED_HEIGHT = 80;
+const TITLE_STYLE = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: 8,
+    fontWeight: 600,
+};
+const ROW_STYLE = {
+    display: 'flex',
+    alignItems: 'baseline',
+    gap: 6,
+};
+const LABEL_STYLE = {
+    color: 'var(--text-muted)',
+};
+/**
+ * The values line up on their own column and share one digit width, so a
+ * column of numbers can be compared down the card rather than read one by one.
+ */
+const VALUE_STYLE = {
+    marginLeft: 'auto',
+    fontVariantNumeric: 'tabular-nums',
+    whiteSpace: 'nowrap',
+};
+const CHIP_STYLE = {
+    alignSelf: 'center',
+    flex: 'none',
+    width: 8,
+    height: 8,
+    borderRadius: 2,
+};
+const FOOTER_STYLE = {
+    marginTop: 2,
+    paddingTop: 2,
+    borderTop: '1px solid var(--border)',
+    color: 'var(--text-faint)',
+};
+//# sourceMappingURL=OverlayReadout.js.map

package/lib/overlay/ui/OverlayReadout.js.map

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