react-cheminfo 0.28.0 → 0.30.0

package/lib/ir/ui/BandMarks.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { CHART_COLORS, CHART_FONT, LABEL_HALO, } from "../../chart/core/chartTheme.js";
+import { BAND_MARK, planBandLabels } from "../core/bandLabelPlan.js";
+import { sameIrBand } from "../core/irBand.js";
+import { bandsPointDown } from "../core/irMode.js";
+/**
+ * A mark on every band, and a label on the ones there is room for.
+ *
+ * The mark reaches *away* from the label, into the band, because the clear space
+ * on the label's side is where the numbers are written and the mark is there to
+ * say which band they are about. So in transmittance both hang downwards from a
+ * dip and in absorbance both rise from a maximum, and the pair reads the same way
+ * up in either.
+ *
+ * A leader line is drawn only when a label had to be slid off its band to clear
+ * its neighbours — a leader from a label that is already directly above its band
+ * is a line saying what the position already said. A label slid too far is not
+ * drawn at all; the mark still says the band is there, which is the honest
+ * outcome, where a label hanging over a band it says nothing about is not.
+ * @param props - Component props.
+ * @returns The marks and labels, as SVG.
+ */
+export function BandMarks(props) {
+    const { assigned, plot, xScale, yScale, mode, showAssignments = false, limit = 12, highlight = null, } = props;
+    const plans = useMemo(() => planBandLabels({
+        assigned,
+        plot,
+        xScale,
+        yScale,
+        mode,
+        showAssignments,
+        limit,
+    }), [assigned, plot, xScale, yScale, mode, showAssignments, limit]);
+    const down = bandsPointDown(mode);
+    const reach = down ? BAND_MARK : -BAND_MARK;
+    return (_jsx("g", { pointerEvents: "none", children: plans.map((plan) => {
+            const highlighted = sameIrBand(plan.band, highlight);
+            const dropped = !Number.isFinite(plan.labelX);
+            const firstBaseline = plan.baselines[0];
+            const slid = !dropped && Math.abs(plan.labelX - plan.tipX) > LEADER_AT;
+            return (_jsxs("g", { children: [_jsx("line", { x1: plan.tipX, y1: plan.tipY, x2: plan.tipX, y2: plan.tipY + reach, style: highlighted ? highlightMarkStyle : markStyle, strokeWidth: highlighted ? 2 : 1 }), slid && firstBaseline !== undefined ? (_jsx("line", { x1: plan.tipX, y1: plan.tipY + reach, x2: plan.labelX, y2: firstBaseline, style: leaderStyle })) : null, dropped
+                        ? null
+                        : plan.lines.map((line, index) => (_jsx("text", { x: plan.labelX, y: plan.baselines[index], textAnchor: "middle", style: highlighted ? highlightTextStyle : textStyle, children: line }, line)))] }, `${plan.band.spectrumId} ${plan.band.wavenumber}`));
+        }) }));
+}
+/**
+ * How far a label may sit from its band before a leader is drawn to it.
+ *
+ * Two pixels: below that the label is over its band and a leader would be a
+ * line nobody needs, and the declutter sweep leaves most labels within a pixel
+ * of where they wanted to be.
+ */
+const LEADER_AT = 2;
+const markStyle = { stroke: CHART_COLORS.annotation };
+const highlightMarkStyle = { stroke: CHART_COLORS.highlight };
+const leaderStyle = { stroke: CHART_COLORS.leader };
+// Haloed: an infrared label is written over the trace as often as beside it,
+// since a band is named where it dips and the neighbouring bands dip too.
+const textStyle = {
+    fill: CHART_COLORS.labelText,
+    fontSize: CHART_FONT.label,
+    ...LABEL_HALO,
+};
+const highlightTextStyle = {
+    fill: CHART_COLORS.highlight,
+    fontSize: CHART_FONT.label,
+    fontWeight: 600,
+    ...LABEL_HALO,
+};
+//# sourceMappingURL=BandMarks.js.map

package/lib/ir/ui/BandMarks.js.map

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

package/lib/ir/ui/BandsPanel.d.ts

@@ -0,0 +1,31 @@
+import type { IrBand } from '../core/irBand.ts';
+export interface BandsPanelProps {
+    /**
+     * The band the pointer is resting on, wherever it was hovered.
+     * @default null
+     */
+    highlight?: IrBand | null;
+    /**
+     * Told which band a row is hovered, so the chart can mark it.
+     * @default undefined
+     */
+    onHighlight?: (band: IrBand | null) => void;
+}
+/**
+ * Every band of the selected spectrum, and everything each one might be.
+ *
+ * This is the panel the viewer exists for. A trace can be looked at on its own;
+ * it is the table beside it that lets it be *read*, and the column that matters
+ * is the last one — **every** vibration whose range contains the band, not the
+ * best-fitting one. A band at 1715 cm⁻¹ genuinely is a ketone, an aldehyde and a
+ * carboxylic acid until something else decides, and a panel that named one would
+ * be asserting a structure the spectrum does not determine.
+ *
+ * Hovering a row marks the band on the chart and hovering the chart lights the
+ * row, which is the whole reason the highlight is threaded through the shell
+ * rather than held here: the two views are of one thing.
+ * @param props - Component props.
+ * @returns The panel.
+ */
+export declare function BandsPanel(props: BandsPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=BandsPanel.d.ts.map

package/lib/ir/ui/BandsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BandsPanel.d.ts","sourceRoot":"","sources":["../../../src/ir/ui/BandsPanel.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAMhD,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC7C;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,+BA2GhD"}

package/lib/ir/ui/BandsPanel.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@blueprintjs/core';
+import { useMemo } from 'react';
+import { Button, Toolbar } from 'react-science/ui';
+import { panelBodyStyle, panelCellStyle, panelEmptyStyle, panelHeaderCellStyle, panelNumberCellStyle, panelStyle, panelTableStyle, panelToolbarStyle, } from "../../panel/core/panelStyles.js";
+import { sameIrBand } from "../core/irBand.js";
+import { formatIrValue, formatWavenumber } from "../core/irFormat.js";
+import { useIrActions, useIrEditorState } from "./irStateContext.js";
+/**
+ * Every band of the selected spectrum, and everything each one might be.
+ *
+ * This is the panel the viewer exists for. A trace can be looked at on its own;
+ * it is the table beside it that lets it be *read*, and the column that matters
+ * is the last one — **every** vibration whose range contains the band, not the
+ * best-fitting one. A band at 1715 cm⁻¹ genuinely is a ketone, an aldehyde and a
+ * carboxylic acid until something else decides, and a panel that named one would
+ * be asserting a structure the spectrum does not determine.
+ *
+ * Hovering a row marks the band on the chart and hovering the chart lights the
+ * row, which is the whole reason the highlight is threaded through the shell
+ * rather than held here: the two views are of one thing.
+ * @param props - Component props.
+ * @returns The panel.
+ */
+export function BandsPanel(props) {
+    const { highlight = null, onHighlight } = props;
+    const { state, selectedSpectrum, assigned } = useIrEditorState();
+    const actions = useIrActions();
+    const { mode, pickBands, showAssignments, picking } = state.settings;
+    const rows = useMemo(() => assigned, [assigned]);
+    const tsv = useMemo(() => bandsToTsv(rows, mode), [rows, mode]);
+    return (_jsxs("div", { style: panelStyle, children: [_jsxs("div", { style: panelToolbarStyle, children: [_jsxs(Toolbar, { "aria-label": "Band actions", children: [_jsx(Toolbar.Item, { icon: "locate", active: pickBands, tooltip: pickBands ? 'Stop picking bands' : 'Pick the bands', "aria-label": "Pick the bands", onClick: () => actions.setSettings({ pickBands: !pickBands }) }), _jsx(Toolbar.Item, { icon: "label", active: showAssignments, tooltip: "Name the assignments on the chart", "aria-label": "Name the assignments on the chart", disabled: !pickBands, onClick: () => actions.setSettings({ showAssignments: !showAssignments }) })] }), _jsxs("label", { style: thresholdStyle, children: [_jsx("span", { style: { opacity: 0.7 }, children: "threshold" }), _jsx("input", { type: "range", min: 0.005, max: 0.3, step: 0.005, value: picking.minRelativeHeight ?? 0.02, disabled: !pickBands, "aria-label": "How tall a band must be to be picked", onChange: (event) => actions.setSettings({
+                                    picking: { minRelativeHeight: event.target.valueAsNumber },
+                                }) })] }), _jsx("span", { style: { flex: 1 } }), _jsx(Button, { variant: "minimal", icon: "clipboard", disabled: rows.length === 0, tooltipProps: { content: 'Copy the table' }, "aria-label": "Copy the table", onClick: () => void navigator.clipboard?.writeText(tsv) })] }), _jsx("div", { style: panelBodyStyle, children: selectedSpectrum === null ? (_jsx("p", { style: panelEmptyStyle, children: "No spectrum is selected." })) : !pickBands ? (_jsx("p", { style: panelEmptyStyle, children: "The bands are not being picked. Press the locate button above to find them." })) : rows.length === 0 ? (_jsx("p", { style: panelEmptyStyle, children: "No band was found above the threshold. Lower it to pick the weaker ones." })) : (_jsxs("table", { style: panelTableStyle, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { style: panelHeaderCellStyle, children: "cm\u207B\u00B9" }), _jsx("th", { style: panelHeaderCellStyle }), _jsx("th", { style: { ...panelHeaderCellStyle, textAlign: 'right' }, children: mode === 'absorbance' ? 'A' : '%T' }), _jsx("th", { style: panelHeaderCellStyle, children: "could be" })] }) }), _jsx("tbody", { children: rows.map((entry) => (_jsx(BandRow, { entry: entry, mode: mode, lit: sameIrBand(entry.band, highlight), onHighlight: onHighlight }, `${entry.band.spectrumId} ${entry.band.wavenumber}`))) })] })) })] }));
+}
+/**
+ * One band: where it is, how strong, and every vibration it could be.
+ *
+ * The candidates are written as one line rather than a list, so a strong band
+ * with four of them stays one row of the table and the wavenumbers keep reading
+ * down the column. The `title` carries them again with each one's note, which is
+ * where the reason to prefer one lives.
+ * @param props - Component props.
+ * @returns The row.
+ */
+function BandRow(props) {
+    const { entry, mode, lit, onHighlight } = props;
+    const { band, candidates } = entry;
+    const value = mode === 'absorbance' ? band.absorbance : band.transmittance;
+    const detail = candidates
+        .map((candidate) => candidate.note === undefined
+        ? `${candidate.group} ${candidate.vibration}`
+        : `${candidate.group} ${candidate.vibration} — ${candidate.note}`)
+        .join('\n');
+    return (_jsxs("tr", { style: lit ? litRowStyle : undefined, onPointerEnter: () => onHighlight?.(band), onPointerLeave: () => onHighlight?.(null), children: [_jsx("td", { style: panelNumberCellStyle, children: formatWavenumber(band.wavenumber) }), _jsx("td", { style: panelCellStyle, title: STRENGTH_TITLES[band.strength], children: band.strength }), _jsx("td", { style: panelNumberCellStyle, children: formatIrValue(value, mode) }), _jsx("td", { style: panelCellStyle, title: detail, children: candidates.length === 0 ? (_jsx("span", { style: { opacity: 0.5 }, children: "\u2014" })) : (_jsxs("span", { style: { whiteSpace: 'normal' }, children: [candidates[0]?.group, " ", candidates[0]?.vibration, candidates.length > 1 ? (_jsxs("span", { style: { opacity: 0.6 }, children: [' ', _jsx(Icon, { icon: "more", size: 10 }), " ", candidates.length - 1, " more"] })) : null] })) })] }));
+}
+/** What each strength letter means, for the column that shows only the letter. */
+const STRENGTH_TITLES = {
+    w: 'weak, relative to this spectrum',
+    m: 'medium, relative to this spectrum',
+    S: 'strong, relative to this spectrum',
+};
+/**
+ * The table as text, for pasting into a notebook.
+ *
+ * Tab separated with every candidate on the row, because the reason to copy a
+ * band table is to put it beside a structure and argue about it — and the
+ * argument is over the candidates rather than over the wavenumbers.
+ * @param rows - The bands, as they are shown.
+ * @param mode - Which value axis is being read.
+ * @returns The table, one line per band, with a heading.
+ */
+function bandsToTsv(rows, mode) {
+    const heading = ['wavenumber', 'strength', mode, 'could be'].join('\t');
+    const lines = rows.map((entry) => [
+        formatWavenumber(entry.band.wavenumber),
+        entry.band.strength,
+        formatIrValue(mode === 'absorbance'
+            ? entry.band.absorbance
+            : entry.band.transmittance, mode),
+        entry.candidates
+            .map((candidate) => `${candidate.group} ${candidate.vibration}`)
+            .join('; '),
+    ].join('\t'));
+    return [heading, ...lines].join('\n');
+}
+const litRowStyle = { background: '#fff3e0' };
+const thresholdStyle = {
+    display: 'inline-flex',
+    alignItems: 'center',
+    gap: 4,
+    fontSize: 11,
+};
+//# sourceMappingURL=BandsPanel.js.map

package/lib/ir/ui/BandsPanel.js.map

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

package/lib/ir/ui/IrAboutDialog.d.ts

@@ -0,0 +1,18 @@
+export interface IrAboutDialogProps {
+    /** Whether the dialog is open. */
+    isOpen: boolean;
+    /** Close it. */
+    onClose: () => void;
+}
+/**
+ * What the viewer is, what it stands on, and who is owed for it.
+ *
+ * The credits are not decoration. Every band this viewer names is named out of a
+ * correlation table that generations of chemists compiled, every file it opens is
+ * read by somebody else's parser, and the examples it opens on are somebody
+ * else's measurements — so each is named here, with its licence where it has one.
+ * @param props - Component props.
+ * @returns The dialog.
+ */
+export declare function IrAboutDialog(props: IrAboutDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=IrAboutDialog.d.ts.map

package/lib/ir/ui/IrAboutDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IrAboutDialog.d.ts","sourceRoot":"","sources":["../../../src/ir/ui/IrAboutDialog.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,kCAAkC;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BA+EtD"}

package/lib/ir/ui/IrAboutDialog.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogBody } from '@blueprintjs/core';
+import { IrLogo } from "./IrLogo.js";
+/**
+ * What the viewer is, what it stands on, and who is owed for it.
+ *
+ * The credits are not decoration. Every band this viewer names is named out of a
+ * correlation table that generations of chemists compiled, every file it opens is
+ * read by somebody else's parser, and the examples it opens on are somebody
+ * else's measurements — so each is named here, with its licence where it has one.
+ * @param props - Component props.
+ * @returns The dialog.
+ */
+export function IrAboutDialog(props) {
+    const { isOpen, onClose } = props;
+    return (_jsx(Dialog, { isOpen: isOpen, onClose: onClose, title: "About the infrared viewer", icon: _jsx(IrLogo, { size: 20 }), style: dialogStyle, children: _jsxs(DialogBody, { children: [_jsxs("div", { style: brandStyle, children: [_jsx(IrLogo, { size: 64 }), _jsxs("div", { children: [_jsx("p", { style: leadStyle, children: "react-cheminfo/ir" }), _jsx("p", { style: paragraphStyle, children: "Draws an infrared spectrum the way infrared is printed, reads it as absorbance or as percent transmittance, picks its bands and offers every functional group each band could be." })] })] }), _jsx("h4", { style: headingStyle, children: "Credits" }), _jsxs("ul", { style: listStyle, children: [_jsxs("li", { children: [_jsx("strong", { children: "ir-spectrum" }), " (cheminfo, MIT) reads the JCAMP-DX and SPC files, derives the absorbance/transmittance pair, and picks the bands. This package deliberately does none of that arithmetic itself."] }), _jsxs("li", { children: [_jsx("strong", { children: "common-spectrum" }), ", ", _jsx("strong", { children: "jcampconverter" }), ' ', "and ", _jsx("strong", { children: "spc-parser" }), " (cheminfo, MIT) are what it reads through."] }), _jsxs("li", { children: [_jsx("strong", { children: "ml-spectra-processing" }), " (mljs, MIT) for the array work."] }), _jsxs("li", { children: ["The ", _jsx("strong", { children: "shared chart" }), " of this package for the drawing \u2014 the same arithmetic every other spectrum viewer of the family is drawn with."] }), _jsxs("li", { children: [_jsx("strong", { children: "react-science" }), " and ", _jsx("strong", { children: "BlueprintJS" }), "(zakodium, Palantir) for the shell this viewer is shaped like."] }), _jsxs("li", { children: ["The ", _jsx("strong", { children: "correlation table" }), " is the conventional teaching set of group frequencies, as any introductory spectroscopy text tabulates them. The ranges are deliberately the rounded, generous ones: narrowing them to look precise would rule out assignments that are genuinely possible."] }), _jsxs("li", { children: ["The ", _jsx("strong", { children: "colours" }), " are Okabe and Ito's colour-universal palette, so two traces stay distinguishable for a reader with a colour vision deficiency."] })] }), _jsx("h4", { style: headingStyle, children: "Licence" }), _jsxs("p", { style: paragraphStyle, children: ["MIT, in the", ' ', _jsx("a", { href: "https://github.com/cheminfo/glycans", target: "_blank", rel: "noopener noreferrer", children: "cheminfo/glycans" }), ' ', "monorepo."] })] }) }));
+}
+const dialogStyle = { width: 'min(680px, 92vw)' };
+const brandStyle = {
+    display: 'flex',
+    alignItems: 'flex-start',
+    gap: 16,
+};
+const leadStyle = {
+    margin: '0 0 4px',
+    fontWeight: 600,
+    fontSize: 16,
+};
+const paragraphStyle = { margin: '0 0 6px' };
+const headingStyle = { margin: '14px 0 4px' };
+const listStyle = { margin: 0, paddingLeft: 20 };
+//# sourceMappingURL=IrAboutDialog.js.map

package/lib/ir/ui/IrAboutDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IrAboutDialog.js","sourceRoot":"","sources":["../../../src/ir/ui/IrAboutDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAc,CAAC;AAStC;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAElC,OAAO,CACL,KAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,2BAA2B,EACjC,IAAI,EAAE,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,EAC1B,KAAK,EAAE,WAAW,YAElB,MAAC,UAAU,eACT,eAAK,KAAK,EAAE,UAAU,aACpB,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,EACpB,0BACE,YAAG,KAAK,EAAE,SAAS,kCAAuB,EAC1C,YAAG,KAAK,EAAE,cAAc,kMAIpB,IACA,IACF,EAEN,aAAI,KAAK,EAAE,YAAY,wBAAc,EACrC,cAAI,KAAK,EAAE,SAAS,aAClB,yBACE,2CAA4B,yLAIzB,EACL,yBACE,+CAAgC,QAAE,8CAA+B,EAAC,GAAG,UACjE,0CAA2B,mDAE5B,EACL,yBACE,qDAAsC,wCAEnC,EACL,iCACM,4CAA6B,4HAG9B,EACL,yBACE,6CAA8B,WAAK,2CAA4B,sEAE5D,EACL,iCACM,iDAAkC,oQAKnC,EACL,iCACM,uCAAwB,uIAGzB,IACF,EAEL,aAAI,KAAK,EAAE,YAAY,wBAAc,EACrC,aAAG,KAAK,EAAE,cAAc,4BACV,GAAG,EACf,YACE,IAAI,EAAC,qCAAqC,EAC1C,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,iCAGvB,EAAC,GAAG,iBAEN,IACO,GACN,CACV,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,EAAE,KAAK,EAAE,kBAAkB,EAAW,CAAC;AAE3D,MAAM,UAAU,GAAG;IACjB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,YAAY;IACxB,GAAG,EAAE,EAAE;CACC,CAAC;AAEX,MAAM,SAAS,GAAG;IAChB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,EAAE;CACJ,CAAC;AAEX,MAAM,cAAc,GAAG,EAAE,MAAM,EAAE,SAAS,EAAW,CAAC;AAEtD,MAAM,YAAY,GAAG,EAAE,MAAM,EAAE,YAAY,EAAW,CAAC;AAEvD,MAAM,SAAS,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,EAAW,CAAC"}

package/lib/ir/ui/IrCanvas.d.ts

@@ -0,0 +1,38 @@
+import type { IrBand } from '../core/irBand.ts';
+export interface IrCanvasProps {
+    /**
+     * The band the pointer is resting on, wherever it was hovered — the chart or
+     * the band table.
+     * @default null
+     */
+    highlight?: IrBand | null;
+    /**
+     * Told which band the pointer has come to rest on.
+     * @default undefined
+     */
+    onHighlight?: (band: IrBand | null) => void;
+    /**
+     * Put on the box the chart is drawn in, so a picture can be taken of it. The
+     * box rather than the chart itself, because the chart is laid out again on
+     * every resize.
+     * @default undefined
+     */
+    attachChart?: (element: HTMLDivElement | null) => void;
+}
+/**
+ * The chart, and the status bar under it.
+ *
+ * This is where the state meets the drawing: the chart holds nothing, so
+ * everything it draws is read out of the state here and every gesture it reports
+ * is written back. The window in particular goes **both** ways — the chart is
+ * told what to show and reports what it arrives at — which is what lets a toolbar
+ * button and a drag both move it.
+ *
+ * The status bar is inside the canvas rather than under the whole shell, so it
+ * stops at the splitter: what is open on the right belongs to the chart, and a
+ * bar running under the panels as well would read as belonging to the page.
+ * @param props - Component props.
+ * @returns The canvas.
+ */
+export declare function IrCanvas(props: IrCanvasProps): import("react").JSX.Element;
+//# sourceMappingURL=IrCanvas.d.ts.map

package/lib/ir/ui/IrCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IrCanvas.d.ts","sourceRoot":"","sources":["../../../src/ir/ui/IrCanvas.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAOhD,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C;;;;;OAKG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;CACxD;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,+BAkC5C"}

package/lib/ir/ui/IrCanvas.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { IrChart } from "./IrChart.js";
+import { IrStatusBar } from "./IrStatusBar.js";
+import { useIrActions, useIrEditorState } from "./irStateContext.js";
+/**
+ * The chart, and the status bar under it.
+ *
+ * This is where the state meets the drawing: the chart holds nothing, so
+ * everything it draws is read out of the state here and every gesture it reports
+ * is written back. The window in particular goes **both** ways — the chart is
+ * told what to show and reports what it arrives at — which is what lets a toolbar
+ * button and a drag both move it.
+ *
+ * The status bar is inside the canvas rather than under the whole shell, so it
+ * stops at the splitter: what is open on the right belongs to the chart, and a
+ * bar running under the panels as well would read as belonging to the page.
+ * @param props - Component props.
+ * @returns The canvas.
+ */
+export function IrCanvas(props) {
+    const { highlight = null, onHighlight, attachChart } = props;
+    const { state, visibleSpectra, assigned } = useIrEditorState();
+    const actions = useIrActions();
+    const { domain, tool, selectedId } = state.view;
+    const { mode, showAssignments, labelLimit } = state.settings;
+    const onDomainChange = useCallback((next) => {
+        actions.setDomain(next);
+    }, [actions]);
+    return (_jsxs("div", { style: rootStyle, children: [_jsx("div", { ref: attachChart, style: chartStyle, children: _jsx(IrChart, { spectra: visibleSpectra, mode: mode, assigned: assigned, showAssignments: showAssignments, labelLimit: labelLimit, highlight: highlight, onHighlight: onHighlight, domain: domain, onDomainChange: onDomainChange, drag: tool === 'box' ? 'box' : 'xAxis', emphasisedId: selectedId }) }), _jsx(IrStatusBar, {})] }));
+}
+const rootStyle = {
+    display: 'flex',
+    flexDirection: 'column',
+    flex: '1 1 1px',
+    minWidth: 0,
+    minHeight: 0,
+};
+/** The chart takes what the status bar does not. */
+const chartStyle = { flex: '1 1 1px', minHeight: 0 };
+//# sourceMappingURL=IrCanvas.js.map

package/lib/ir/ui/IrCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IrCanvas.js","sourceRoot":"","sources":["../../../src/ir/ui/IrCanvas.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAKpC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAe,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAuBrE;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC7D,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC/D,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC;IAChD,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC;IAE7D,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,IAAc,EAAE,EAAE;QACjB,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CACL,eAAK,KAAK,EAAE,SAAS,aACnB,cAAK,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,YACtC,KAAC,OAAO,IACN,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EACtC,YAAY,EAAE,UAAU,GACxB,GACE,EACN,KAAC,WAAW,KAAG,IACX,CACP,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG;IAChB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,CAAC;IACX,SAAS,EAAE,CAAC;CACJ,CAAC;AAEX,oDAAoD;AACpD,MAAM,UAAU,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAW,CAAC"}

package/lib/ir/ui/IrChart.d.ts

@@ -0,0 +1,28 @@
+import type { ReactElement } from 'react';
+import type { IrChartProps } from './irChartProps.ts';
+/**
+ * The chart: every layer of an infrared spectrum, in one SVG.
+ *
+ * **The wavenumber axis runs right to left**, 4000 at the left edge down to 400
+ * at the right, which is how every infrared spectrum has been printed since the
+ * technique was dispersive and the instrument scanned that way. It is done by
+ * building the scale onto a reversed pixel range and nothing else: the data stays
+ * in ascending wavenumbers, every window stays low end first, and no other piece
+ * of arithmetic in either package has to know. That is the whole reason
+ * `createScale` takes its range rather than deriving it.
+ *
+ * The axes go under the data, so a grid line is never read as a band. Only the
+ * data band is clipped, so a zoomed trace stops at the plot edge while the
+ * wavenumbers pinned to the bands are allowed out over the margin — clip those
+ * and the strongest band in the window loses its label. The drag rectangle and
+ * the crosshair go over everything, because each answers a question being asked
+ * right now.
+ *
+ * Nothing is held here. The spectra, the bands, what is being looked at and the
+ * window are all props, and every gesture comes back out as a callback — so one
+ * component draws an editor's chart, a report page's single spectrum and a test.
+ * @param props - Component props.
+ * @returns The chart.
+ */
+export declare function IrChart(props: IrChartProps): ReactElement;
+//# sourceMappingURL=IrChart.d.ts.map

package/lib/ir/ui/IrChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IrChart.d.ts","sourceRoot":"","sources":["../../../src/ir/ui/IrChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAiB1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,YAAY,CAmJzD"}

package/lib/ir/ui/IrChart.js

@@ -0,0 +1,114 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useId, useLayoutEffect, useMemo, useRef } from 'react';
+import { sameChartDomain } from "../../chart/core/chartDomain.js";
+import { MARGIN, plotRect } from "../../chart/core/chartGeometry.js";
+import { Axes } from "../../chart/ui/Axes.js";
+import { SelectionRect } from "../../chart/ui/SelectionRect.js";
+import { chartSurfaceStyle } from "../../chart/ui/chartSurface.js";
+import { useChartSize } from "../../chart/ui/useChartSize.js";
+import { boxZoomOnly, yAxisTitle } from "../core/irMode.js";
+import { BandMarks } from "./BandMarks.js";
+import { IrPointerTracker } from "./IrPointerTracker.js";
+import { IrTraces } from "./IrTraces.js";
+import { useIrPointer } from "./useIrPointer.js";
+import { useIrZoom } from "./useIrZoom.js";
+/**
+ * The chart: every layer of an infrared spectrum, in one SVG.
+ *
+ * **The wavenumber axis runs right to left**, 4000 at the left edge down to 400
+ * at the right, which is how every infrared spectrum has been printed since the
+ * technique was dispersive and the instrument scanned that way. It is done by
+ * building the scale onto a reversed pixel range and nothing else: the data stays
+ * in ascending wavenumbers, every window stays low end first, and no other piece
+ * of arithmetic in either package has to know. That is the whole reason
+ * `createScale` takes its range rather than deriving it.
+ *
+ * The axes go under the data, so a grid line is never read as a band. Only the
+ * data band is clipped, so a zoomed trace stops at the plot edge while the
+ * wavenumbers pinned to the bands are allowed out over the margin — clip those
+ * and the strongest band in the window loses its label. The drag rectangle and
+ * the crosshair go over everything, because each answers a question being asked
+ * right now.
+ *
+ * Nothing is held here. The spectra, the bands, what is being looked at and the
+ * window are all props, and every gesture comes back out as a callback — so one
+ * component draws an editor's chart, a report page's single spectrum and a test.
+ * @param props - Component props.
+ * @returns The chart.
+ */
+export function IrChart(props) {
+    const { spectra, mode = 'transmittance', assigned = NO_BANDS, showAssignments = false, labelLimit, highlight = null, onHighlight, domain = null, onDomainChange, drag = 'xAxis', emphasisedId = null, width, height, children, } = props;
+    const [containerRef, measured] = useChartSize();
+    const svgRef = useRef(null);
+    const plot = useMemo(() => plotRect({
+        width: width ?? measured.width,
+        height: height ?? measured.height,
+    }), [width, height, measured.width, measured.height]);
+    // Read back off the plot rather than off the measurement, so a chart briefly
+    // laid out at nothing still draws its axes inside a box that holds them.
+    const frameWidth = plot.right + MARGIN.right;
+    const frameHeight = plot.bottom + MARGIN.bottom;
+    // The host's window goes *into* the zoom rather than over it, so a drag is
+    // always measured against what is on screen.
+    const zoom = useIrZoom({ spectra, mode, svgRef, plot, domain, drag });
+    // The scales the zoom measured its gestures against — the x one running right
+    // to left. Taken from the hook rather than built here, because two scales over
+    // one axis is two chances to disagree about which way it runs, and a chart that
+    // disagreed with its own gestures would zoom to the mirror image of whatever
+    // was dragged over.
+    const { domain: shown, xScale, yScale, selection, handlers } = zoom;
+    const reported = useRef(shown);
+    // Before the browser paints, so a host that stores the window and hands it
+    // back does so in the frame the gesture landed in rather than the one after.
+    useLayoutEffect(() => {
+        if (sameChartDomain(reported.current, shown))
+            return;
+        reported.current = shown;
+        onDomainChange?.(shown);
+    }, [shown, onDomainChange]);
+    const bands = useMemo(() => {
+        const found = [];
+        for (const entry of assigned)
+            found.push(entry.band);
+        return found;
+    }, [assigned]);
+    const onBand = useCallback((band) => {
+        onHighlight?.(band);
+    }, [onHighlight]);
+    const pointer = useIrPointer({
+        svgRef,
+        plot,
+        xScale,
+        yScale,
+        mode,
+        bands,
+        onBand,
+    });
+    // React's generated id carries the punctuation it keeps its own ids apart
+    // with, which a URL fragment is under no obligation to accept.
+    const clipId = `ir-plot-${useId().replaceAll(/\W/g, '')}`;
+    return (_jsx("div", { ref: containerRef, style: containerStyle, children: _jsxs("svg", { ref: svgRef, role: "img", "aria-label": chartLabel(mode), width: frameWidth, height: frameHeight, viewBox: `0 0 ${frameWidth} ${frameHeight}`, 
+            // The arrow gives way to the chart's own crosshair over the plot, and
+            // comes back over the margins, exactly as it does on a mass chart.
+            style: chartSurfaceStyle(pointer.position !== null), ...handlers, children: [_jsx("defs", { children: _jsx("clipPath", { id: clipId, children: _jsx("rect", { x: plot.left, y: plot.top, width: plot.width, height: plot.height }) }) }), _jsx(Axes, { plot: plot, xDomain: shown.x, yDomain: shown.y, xScale: xScale, yScale: yScale, xTitle: "wavenumber (cm\u207B\u00B9)", yTitle: yAxisTitle(mode) }), _jsxs("g", { clipPath: `url(#${clipId})`, children: [_jsx(IrTraces, { spectra: spectra, mode: mode, plot: plot, xDomain: shown.x, xScale: xScale, yScale: yScale, emphasisedId: emphasisedId }), children] }), _jsx(BandMarks, { assigned: assigned, plot: plot, xScale: xScale, yScale: yScale, mode: mode, showAssignments: showAssignments, highlight: highlight, ...(labelLimit === undefined ? {} : { limit: labelLimit }) }), _jsx(SelectionRect, { selection: selection, plot: plot }), _jsx(IrPointerTracker, { position: pointer.position, readout: pointer.readout, plot: plot })] }) }));
+}
+/**
+ * What the chart is, and what can be done to it, for whoever cannot see it.
+ *
+ * The gestures differ by mode, so the sentence does too — a label promising the
+ * wheel to a reader who cannot watch it fail to do anything is worse than no
+ * label at all.
+ * @param mode - Which value axis is being drawn.
+ * @returns The label.
+ */
+function chartLabel(mode) {
+    const axis = `Infrared spectrum read as ${yAxisTitle(mode)}, wavenumber running from high at the left to low at the right.`;
+    return boxZoomOnly(mode)
+        ? `${axis} Drag a rectangle over it to zoom to that rectangle, and double click to fit everything again.`
+        : `${axis} Drag across it to zoom the wavenumber axis, drag past the baseline to take the value axis with it, turn the wheel to scale the value axis, and double click to fit everything again.`;
+}
+/** What a chart nobody has picked any bands for marks. */
+const NO_BANDS = Object.freeze([]);
+/** The box the chart is measured against, and fills. */
+const containerStyle = { width: '100%', height: '100%' };
+//# sourceMappingURL=IrChart.js.map

package/lib/ir/ui/IrChart.js.map

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

package/lib/ir/ui/IrCommandProvider.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import type { IrCommandHandlers } from '../core/irCommands.ts';
+export interface IrCommandProviderProps {
+    /** What each command does. */
+    handlers: IrCommandHandlers;
+    /** The viewer. */
+    children: ReactNode;
+}
+/**
+ * Put the command handlers where the toolbar and the panels can reach them.
+ * @param props - Component props.
+ * @returns The provider.
+ */
+export declare function IrCommandProvider(props: IrCommandProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=IrCommandProvider.d.ts.map

package/lib/ir/ui/IrCommandProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IrCommandProvider.d.ts","sourceRoot":"","sources":["../../../src/ir/ui/IrCommandProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAK/D,MAAM,WAAW,sBAAsB;IACrC,8BAA8B;IAC9B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,kBAAkB;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAW9D"}

package/lib/ir/ui/IrCommandProvider.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { commandContext } from "./irCommandContext.js";
+/**
+ * Put the command handlers where the toolbar and the panels can reach them.
+ * @param props - Component props.
+ * @returns The provider.
+ */
+export function IrCommandProvider(props) {
+    const { handlers, children } = props;
+    const value = useMemo(() => ({ handlers, run: (id) => handlers[id]?.() }), [handlers]);
+    return (_jsx(commandContext.Provider, { value: value, children: children }));
+}
+//# sourceMappingURL=IrCommandProvider.js.map

package/lib/ir/ui/IrCommandProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IrCommandProvider.js","sourceRoot":"","sources":["../../../src/ir/ui/IrCommandProvider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAwB,CAAC;AASxD;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAErC,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EACnD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA2B,CAC5E,CAAC;AACJ,CAAC"}

package/lib/ir/ui/IrCommandTooltip.d.ts

@@ -0,0 +1,16 @@
+import type { IrCommandId } from '../core/irCommands.ts';
+export interface IrCommandTooltipProps {
+    /** Which command the tooltip is about. */
+    id: IrCommandId;
+}
+/**
+ * One command's tooltip: its title, what it does, and every way to do it.
+ *
+ * `TooltipHelpContent` from react-science, which is what NMRium's tooltips are,
+ * so a page holding this viewer beside NMRium or the glycan editor explains
+ * itself the same way in all three.
+ * @param props - Component props.
+ * @returns The tooltip's content.
+ */
+export declare function IrCommandTooltip(props: IrCommandTooltipProps): import("react").JSX.Element;
+//# sourceMappingURL=IrCommandTooltip.d.ts.map

package/lib/ir/ui/IrCommandTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IrCommandTooltip.d.ts","sourceRoot":"","sources":["../../../src/ir/ui/IrCommandTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpE,MAAM,WAAW,qBAAqB;IACpC,0CAA0C;IAC1C,EAAE,EAAE,WAAW,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAgB5D"}