react-cheminfo 0.69.0 → 0.71.0

package/lib/mass/ui/SpectraPanel.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { SelectedTotal, Toolbar } from 'react-science/ui';
+import { useListKeyboardNavigation } from "../../hooks/ui/useListKeyboardNavigation.js";
+import { panelBodyStyle, panelEmptyStyle, panelStyle, panelToolbarCountStyle, panelToolbarStyle, } from "../../panel/core/panelStyles.js";
+import { downloadMassSpectra } from "../core/downloadSpectra.js";
+import { massCommandLabel } from "../core/massCommands.js";
+import { SpectrumRow } from "./SpectrumRow.js";
+import { useMassCommand } from "./massCommandContext.js";
+import { useMassActions, useMassEditorState } from "./massStateContext.js";
+/**
+ * What is loaded: one row per spectrum, in the order the files gave them.
+ *
+ * The list is the viewer's selection as well as its legend. Whichever row is
+ * selected is the spectrum the acquisition table describes, the peak table holds
+ * and the chart writes its labels on, so a row is not a checkbox with a colour
+ * beside it — it is the control that decides what the other panels are about.
+ * That is also why the arrow keys walk it: a GC/MS export gives a page per scan,
+ * and finding the interesting one means stepping down them watching the chart.
+ *
+ * What acts on the list rather than on one row — opening more, drawing every
+ * trace again, handing the whole list over as a file, closing every one — is a
+ * toolbar under the header, where a panel's own actions belong.
+ * @returns The panel.
+ */
+export function SpectraPanel() {
+    const { state, visibleSpectra } = useMassEditorState();
+    const actions = useMassActions();
+    const run = useMassCommand();
+    const { spectra } = state.data;
+    const { selectedId } = state.view;
+    const listRef = useRef(null);
+    const selectedIndex = spectra.findIndex((spectrum) => spectrum.id === selectedId);
+    const onKeyDown = useListKeyboardNavigation({
+        length: spectra.length,
+        selectedIndex,
+        onSelect: (index) => {
+            const spectrum = spectra[index];
+            if (spectrum !== undefined)
+                actions.selectSpectrum(spectrum.id);
+        },
+    });
+    useEffect(() => {
+        if (listRef.current === null || selectedId === null)
+            return;
+        listRef.current
+            .querySelector('[data-selected="true"]')
+            ?.scrollIntoView({ block: 'nearest' });
+    }, [selectedId]);
+    const allDrawn = spectra.every((spectrum) => spectrum.showProfile || spectrum.showCentroid);
+    return (_jsxs("div", { style: panelStyle, children: [_jsxs("div", { style: panelToolbarStyle, children: [_jsxs(Toolbar, { "aria-label": "Spectra", children: [_jsx(Toolbar.Item, { icon: "folder-open", tooltip: massCommandLabel('openFiles'), "aria-label": massCommandLabel('openFiles'), onClick: () => run('openFiles') }), _jsx(Toolbar.Item, { icon: "trash", intent: "danger", tooltip: "Close every spectrum", "aria-label": "Close every spectrum", disabled: spectra.length === 0, onClick: actions.clear }), _jsx(Toolbar.Item, { icon: "eye-open", tooltip: "Draw every spectrum again, each as the trace it was read as", "aria-label": "Draw every spectrum again", disabled: spectra.length === 0 || allDrawn, onClick: () => {
+                                    for (const spectrum of spectra) {
+                                        if (spectrum.showProfile || spectrum.showCentroid)
+                                            continue;
+                                        actions.setSpectrumVisibility(spectrum.id, {
+                                            showProfile: spectrum.profile !== null,
+                                            showCentroid: spectrum.profile === null,
+                                        });
+                                    }
+                                } }), _jsx(Toolbar.Item, { icon: "download", tooltip: "Download every spectrum as one JCAMP-DX file", "aria-label": "Download every spectrum", disabled: spectra.length === 0, onClick: () => downloadMassSpectra(spectra) })] }), _jsx("div", { style: panelToolbarCountStyle, title: `${visibleSpectra.length} of ${spectra.length} spectra drawn`, children: _jsx(SelectedTotal, { count: visibleSpectra.length, total: spectra.length }) })] }), _jsx("div", { ref: listRef, style: panelBodyStyle, children: spectra.length === 0 ? (_jsx("p", { style: panelEmptyStyle, children: "No spectrum is open. Drop a JCAMP-DX file, or two columns of m/z and intensity, on the chart." })) : (_jsx("ul", { "aria-label": "Open spectra", 
+                    // Reached by Tab, or by clicking a row, and then walked with the
+                    // arrows.
+                    tabIndex: 0, style: listStyle, onKeyDown: onKeyDown, children: spectra.map((spectrum) => (_jsx(SpectrumRow, { spectrum: spectrum, isSelected: spectrum.id === selectedId }, spectrum.id))) })) })] }));
+}
+/**
+ * The rows, flush against one another: a gap between every pair reads as a
+ * stack of cards rather than as one list to run an eye down.
+ */
+const listStyle = {
+    display: 'flex',
+    flexDirection: 'column',
+    margin: 0,
+    padding: 0,
+    listStyle: 'none',
+};
+//# sourceMappingURL=SpectraPanel.js.map

package/lib/mass/ui/SpectraPanel.js.map

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

package/lib/mass/ui/SpectrumRow.d.ts

@@ -0,0 +1,26 @@
+import type { MassSpectrum } from '../core/massSpectrum.ts';
+export interface SpectrumRowProps {
+    /** The spectrum the row is of. */
+    spectrum: MassSpectrum;
+    /** Whether it is the one the panels act on. */
+    isSelected: boolean;
+}
+/**
+ * One loaded spectrum: its colour, its two traces, its name, and the way out.
+ *
+ * Everything on the row addresses the spectrum by its identity, never by where
+ * it sits in the list — a row acts on a list that has been shortened by a close
+ * since it was drawn, and an index would then recolour or close whichever
+ * spectrum has taken that place.
+ *
+ * The two trace icons are the row's centre of gravity, and they are tri-state
+ * rather than checkboxes; `traceIcon.ts` says why. The name is renamed in place
+ * on a double click, because a name is what a chemist tells scans apart by and
+ * a file's own titles are often the same string a dozen times over. The line
+ * under it says what kind of spectrum it is: profile or centroid, how many
+ * peaks, and at what resolution.
+ * @param props - Component props.
+ * @returns The row.
+ */
+export declare function SpectrumRow(props: SpectrumRowProps): import("react").JSX.Element;
+//# sourceMappingURL=SpectrumRow.d.ts.map

package/lib/mass/ui/SpectrumRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpectrumRow.d.ts","sourceRoot":"","sources":["../../../src/mass/ui/SpectrumRow.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAO5D,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,QAAQ,EAAE,YAAY,CAAC;IACvB,+CAA+C;IAC/C,UAAU,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAgIlD"}

package/lib/mass/ui/SpectrumRow.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InputGroup } from '@blueprintjs/core';
+import { useMemo, useState } from 'react';
+import { Button } from 'react-science/ui';
+import { SpectrumColorSwatch } from "../../panel/ui/SpectrumColorSwatch.js";
+import { downloadMassSpectrum } from "../core/downloadSpectra.js";
+import { spectrumSubtitle } from "../core/massSummary.js";
+import { nextTraceIconClick, traceIconState } from "../core/traceIcon.js";
+import { useMassActions } from "./massStateContext.js";
+/**
+ * One loaded spectrum: its colour, its two traces, its name, and the way out.
+ *
+ * Everything on the row addresses the spectrum by its identity, never by where
+ * it sits in the list — a row acts on a list that has been shortened by a close
+ * since it was drawn, and an index would then recolour or close whichever
+ * spectrum has taken that place.
+ *
+ * The two trace icons are the row's centre of gravity, and they are tri-state
+ * rather than checkboxes; `traceIcon.ts` says why. The name is renamed in place
+ * on a double click, because a name is what a chemist tells scans apart by and
+ * a file's own titles are often the same string a dozen times over. The line
+ * under it says what kind of spectrum it is: profile or centroid, how many
+ * peaks, and at what resolution.
+ * @param props - Component props.
+ * @returns The row.
+ */
+export function SpectrumRow(props) {
+    const { spectrum, isSelected } = props;
+    const actions = useMassActions();
+    const [draftName, setDraftName] = useState(null);
+    const subtitle = useMemo(() => spectrumSubtitle(spectrum, { describeKind: true }), [spectrum]);
+    const profileState = traceIconState(spectrum.showProfile, isSelected);
+    const centroidState = traceIconState(spectrum.showCentroid, isSelected);
+    /**
+     * Run the cycle of one trace icon.
+     * @param kind - The trace the icon stands for.
+     * @param state - What the icon was saying before the click.
+     */
+    function clickTrace(kind, state) {
+        const click = nextTraceIconClick(kind, state);
+        actions.setSpectrumVisibility(spectrum.id, click.visibility);
+        if (click.select)
+            actions.selectSpectrum(spectrum.id);
+    }
+    /** Take the name typed, unless it was emptied — a rename abandoned. */
+    function commitRename() {
+        const name = draftName?.trim() ?? '';
+        setDraftName(null);
+        if (name !== '')
+            actions.renameSpectrum(spectrum.id, name);
+    }
+    return (_jsxs("li", { "aria-current": isSelected ? 'true' : undefined, style: isSelected ? selectedRowStyle : rowStyle, "data-selected": isSelected ? 'true' : undefined, children: [_jsx(SpectrumColorSwatch, { color: spectrum.color, name: spectrum.name, onPick: (color) => actions.setSpectrumColor(spectrum.id, color) }), _jsx(Button, { variant: "minimal", size: "small", icon: "timeline-line-chart", active: profileState !== 'hidden', intent: profileState === 'selected' ? 'primary' : 'none', disabled: spectrum.profile === null, tooltipProps: {
+                    ...rowTooltipProps,
+                    content: spectrum.profile === null
+                        ? 'This file was already centroided, so it has no continuous trace'
+                        : traceTooltip('profile', profileState),
+                }, "aria-label": `Continuous trace of ${spectrum.name}`, onClick: () => clickTrace('profile', profileState) }), _jsx(Button, { variant: "minimal", size: "small", icon: "timeline-bar-chart", active: centroidState !== 'hidden', intent: centroidState === 'selected' ? 'primary' : 'none', tooltipProps: {
+                    ...rowTooltipProps,
+                    content: traceTooltip('centroid', centroidState),
+                }, "aria-label": `Centroid sticks of ${spectrum.name}`, onClick: () => clickTrace('centroid', centroidState) }), draftName === null ? (_jsxs("button", { type: "button", style: nameStyle, title: "Click to work on this spectrum, double click to rename it", onClick: () => actions.selectSpectrum(spectrum.id), onDoubleClick: () => setDraftName(spectrum.name), children: [_jsx("span", { style: nameTextStyle, children: spectrum.name }), _jsx("span", { style: subtitleStyle, children: subtitle })] })) : (_jsx(InputGroup, { autoFocus: true, size: "small", value: draftName, spellCheck: false, autoCapitalize: "off", autoCorrect: "off", autoComplete: "off", "aria-label": `Name of ${spectrum.name}`, onValueChange: setDraftName, onBlur: commitRename, onKeyDown: (event) => {
+                    if (event.key === 'Enter')
+                        commitRename();
+                    if (event.key === 'Escape')
+                        setDraftName(null);
+                } })), _jsx(Button, { variant: "minimal", size: "small", icon: "download", "aria-label": `Download ${spectrum.name}`, tooltipProps: {
+                    ...rowTooltipProps,
+                    content: 'Download this spectrum as a JCAMP-DX file',
+                }, onClick: () => downloadMassSpectrum(spectrum) }), _jsx(Button, { variant: "minimal", size: "small", icon: "cross", "aria-label": `Close ${spectrum.name}`, tooltipProps: { ...rowTooltipProps, content: 'Close this spectrum' }, onClick: () => actions.removeSpectrum(spectrum.id) })] }));
+}
+/**
+ * What a click on a trace icon would do, said as a sentence.
+ *
+ * The three states of the icon look alike enough at 16 pixels that the cycle is
+ * actually learned from the tooltip, so each one says what the click does rather
+ * than what the icon means — including that picking one trace puts the other
+ * away, which is the part a reader would otherwise discover by surprise.
+ * @param kind - The trace the icon stands for.
+ * @param state - What the icon is saying.
+ * @returns The tooltip.
+ */
+function traceTooltip(kind, state) {
+    const trace = kind === 'profile' ? 'the continuous trace' : 'the centroid sticks';
+    const other = kind === 'profile' ? 'the centroid sticks' : 'the continuous trace';
+    if (state === 'hidden') {
+        return `Draw ${trace} instead of ${other}, and work on this spectrum`;
+    }
+    if (state === 'drawn') {
+        return 'Work on this spectrum — its peaks are the ones labelled';
+    }
+    return 'Take this spectrum off the chart';
+}
+/**
+ * How a tooltip behaves on a control that sits in a list: a hand crossing forty
+ * rows passes over a hundred of these, and with no delay every one of them
+ * opens.
+ */
+const rowTooltipProps = { compact: true, hoverOpenDelay: 300 };
+const rowStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: 2,
+    padding: '0 2px',
+    borderRadius: 3,
+};
+/** The selected row, which is the one every other panel is about. */
+const selectedRowStyle = { ...rowStyle, background: '#e8f1fb' };
+const nameStyle = {
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    gap: 1,
+    flex: '1 1 1px',
+    minWidth: 0,
+    padding: '1px 2px',
+    border: 'none',
+    background: 'none',
+    color: 'inherit',
+    font: 'inherit',
+    textAlign: 'left',
+    cursor: 'pointer',
+};
+/** One line, cut short rather than wrapped: the rows stay a fixed height. */
+const nameTextStyle = {
+    maxWidth: '100%',
+    fontSize: 12,
+    fontWeight: 600,
+    lineHeight: 1.2,
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+};
+const subtitleStyle = {
+    maxWidth: '100%',
+    fontSize: 10,
+    lineHeight: 1.2,
+    opacity: 0.7,
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+};
+//# sourceMappingURL=SpectrumRow.js.map

package/lib/mass/ui/SpectrumRow.js.map

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

package/lib/mass/ui/SpectrumTrace.d.ts

@@ -0,0 +1,46 @@
+import type { ReactElement } from 'react';
+import type { PlotRect } from '../../chart/core/chartGeometry.ts';
+import type { ChartScale } from '../../chart/core/chartScale.ts';
+import type { MassSpectrum } from '../core/massSpectrum.ts';
+export interface SpectrumTraceProps {
+    /** The spectrum, which says in itself which of its traces are drawn. */
+    spectrum: MassSpectrum;
+    /** Where the plot sits, whose width is how many points are worth drawing. */
+    plot: PlotRect;
+    /**
+     * The m/z axis as it is currently zoomed. It must be stable while the window
+     * is — a scale rebuilt on every render rebuilds both paths with it, and a
+     * profile scan reduced afresh on each pointer move is what makes a chart
+     * stutter under the hand.
+     */
+    xScale: ChartScale;
+    /** The intensity axis as it is currently zoomed, and the same requirement. */
+    yScale: ChartScale;
+    /**
+     * How thick both traces are drawn, in pixels.
+     * @default 1
+     */
+    strokeWidth?: number;
+}
+/**
+ * One spectrum, drawn as at most two paths in its own colour.
+ *
+ * The window the traces are reduced to is read back off the scale rather than
+ * passed in beside it, so the reduction can never have been computed for a
+ * window other than the one being drawn — the two would disagree for exactly
+ * one render after a zoom, which is the render the eye catches.
+ *
+ * A measured profile is reduced to the pixel columns it will occupy, keeping
+ * the extremes of each column so the noise still looks like noise. A
+ * **calculated** trace is never reduced: an isotopic distribution is emitted as
+ * a stick with an explicit zero either side of it, a reducer takes the zeros for
+ * the flat stretches they look like and drops them, and the line then runs from
+ * peak top to peak top without ever coming back to the baseline. The centroid is
+ * reduced against the current view too: a peak table of fifty thousand sticks
+ * has no more than one per pixel column to show, and which peak wins a column
+ * changes with every zoom.
+ * @param props - Component props.
+ * @returns The spectrum, as SVG.
+ */
+export declare function SpectrumTrace(props: SpectrumTraceProps): ReactElement;
+//# sourceMappingURL=SpectrumTrace.d.ts.map

package/lib/mass/ui/SpectrumTrace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpectrumTrace.d.ts","sourceRoot":"","sources":["../../../src/mass/ui/SpectrumTrace.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAGjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,MAAM,WAAW,kBAAkB;IACjC,wEAAwE;IACxE,QAAQ,EAAE,YAAY,CAAC;IACvB,6EAA6E;IAC7E,IAAI,EAAE,QAAQ,CAAC;IACf;;;;;OAKG;IACH,MAAM,EAAE,UAAU,CAAC;IACnB,8EAA8E;IAC9E,MAAM,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAqDrE"}

package/lib/mass/ui/SpectrumTrace.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { xyReduce, xyReduceNonContinuous } from 'ml-spectra-processing';
+import { useMemo } from 'react';
+import { chartValue } from "../../chart/core/chartScale.js";
+import { profilePath, stickPath } from "../../chart/core/tracePath.js";
+/**
+ * One spectrum, drawn as at most two paths in its own colour.
+ *
+ * The window the traces are reduced to is read back off the scale rather than
+ * passed in beside it, so the reduction can never have been computed for a
+ * window other than the one being drawn — the two would disagree for exactly
+ * one render after a zoom, which is the render the eye catches.
+ *
+ * A measured profile is reduced to the pixel columns it will occupy, keeping
+ * the extremes of each column so the noise still looks like noise. A
+ * **calculated** trace is never reduced: an isotopic distribution is emitted as
+ * a stick with an explicit zero either side of it, a reducer takes the zeros for
+ * the flat stretches they look like and drops them, and the line then runs from
+ * peak top to peak top without ever coming back to the baseline. The centroid is
+ * reduced against the current view too: a peak table of fifty thousand sticks
+ * has no more than one per pixel column to show, and which peak wins a column
+ * changes with every zoom.
+ * @param props - Component props.
+ * @returns The spectrum, as SVG.
+ */
+export function SpectrumTrace(props) {
+    const { spectrum, plot, xScale, yScale, strokeWidth = TRACE_WIDTH } = props;
+    const { profile, centroid, origin, color, showProfile, showCentroid } = spectrum;
+    const from = chartValue(xScale, plot.left);
+    const to = chartValue(xScale, plot.right);
+    const columns = Math.max(2, Math.round(plot.width));
+    const profileD = useMemo(() => {
+        if (!showProfile || profile === null || profile.x.length === 0)
+            return '';
+        const drawn = origin.format === 'calculated'
+            ? profile
+            : xyReduce(profile, {
+                from,
+                to,
+                nbPoints: columns * PROFILE_POINTS_PER_COLUMN,
+            });
+        return profilePath(drawn.x, drawn.y, xScale, yScale);
+    }, [showProfile, profile, origin.format, from, to, columns, xScale, yScale]);
+    const centroidD = useMemo(() => {
+        if (!showCentroid || centroid.x.length === 0)
+            return '';
+        const drawn = xyReduceNonContinuous(centroid, {
+            from,
+            to,
+            maxApproximateNbPoints: columns,
+        });
+        return stickPath(drawn.x, drawn.y, xScale, yScale);
+    }, [showCentroid, centroid, from, to, columns, xScale, yScale]);
+    return (_jsxs("g", { pointerEvents: "none", children: [profileD === '' ? null : (_jsx("path", { d: profileD, fill: "none", stroke: color, strokeWidth: strokeWidth, strokeLinejoin: "round" })), centroidD === '' ? null : (_jsx("path", { d: centroidD, fill: "none", stroke: color, strokeWidth: strokeWidth }))] }));
+}
+/** How thick a trace is when nobody asks for anything else. */
+const TRACE_WIDTH = 1;
+/**
+ * How many reduced samples each pixel column of a profile is given.
+ *
+ * The reduction keeps the lowest and the highest sample of every slot, so two
+ * per column is the least that draws a column at all — and `xyReduce` asks for
+ * about four times what is displayed before a narrow peak survives at its true
+ * height rather than at the height of whichever sample the slot boundary
+ * happened to land on.
+ */
+const PROFILE_POINTS_PER_COLUMN = 4;
+//# sourceMappingURL=SpectrumTrace.js.map

package/lib/mass/ui/SpectrumTrace.js.map

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

package/lib/mass/ui/index.d.ts

@@ -0,0 +1,69 @@
+/**
+ * The mass spectrum chart, the panels beside it and the editor they sit in.
+ *
+ * `MassChart` is the drawing and holds nothing: it takes spectra, what to label
+ * and a window as props and hands every gesture back, so it fits a report page
+ * or a test as readily as an editor. The chart's own drawing — scales, ticks,
+ * plot geometry, the zoom gestures and the label placement — is the shared
+ * chart layer, which every viewer of the family draws with.
+ */
+export type { MassAboutDialogProps } from './MassAboutDialog.tsx';
+export { MassAboutDialog } from './MassAboutDialog.tsx';
+export type { MassCanvasProps } from './MassCanvas.tsx';
+export { MassCanvas } from './MassCanvas.tsx';
+export { MassChart } from './MassChart.tsx';
+export type { MassCommandProviderProps } from './MassCommandProvider.tsx';
+export { MassCommandProvider } from './MassCommandProvider.tsx';
+export type { MassCommandTooltipProps } from './MassCommandTooltip.tsx';
+export { MassCommandTooltip } from './MassCommandTooltip.tsx';
+export type { MassDocumentationDialogProps } from './MassDocumentationDialog.tsx';
+export { MassDocumentationDialog } from './MassDocumentationDialog.tsx';
+export type { MassEditorProps } from './MassEditor.tsx';
+export { MassEditor } from './MassEditor.tsx';
+export { MassHeader } from './MassHeader.tsx';
+export type { MassLogoProps } from './MassLogo.tsx';
+export { MassLogo } from './MassLogo.tsx';
+export type { MassPointerTrackerProps } from './MassPointerTracker.tsx';
+export { MassPointerTracker } from './MassPointerTracker.tsx';
+export type { MassSidePanelProps } from './MassSidePanel.tsx';
+export { MassSidePanel } from './MassSidePanel.tsx';
+export type { MassStateProviderProps } from './MassStateProvider.tsx';
+export { MassStateProvider } from './MassStateProvider.tsx';
+export { MassStatusBar } from './MassStatusBar.tsx';
+export type { MassToolbarProps } from './MassToolbar.tsx';
+export { MassToolbar } from './MassToolbar.tsx';
+export type { MassMetadataProps } from './MetadataPanel.tsx';
+export { MassMetadata, MetadataPanel } from './MetadataPanel.tsx';
+export type { MzDecimalsMenuProps } from './MzDecimalsMenu.tsx';
+export { MzDecimalsMenu } from './MzDecimalsMenu.tsx';
+export type { PeakLabelsProps } from './PeakLabels.tsx';
+export { PeakLabels } from './PeakLabels.tsx';
+export type { PeakSortKey, PeakTableProps } from './PeakTable.tsx';
+export { PeakTable } from './PeakTable.tsx';
+export type { PeaksPanelProps } from './PeaksPanel.tsx';
+export { PeaksPanel } from './PeaksPanel.tsx';
+export { SpectraPanel } from './SpectraPanel.tsx';
+export type { SpectrumRowProps } from './SpectrumRow.tsx';
+export { SpectrumRow } from './SpectrumRow.tsx';
+export type { SpectrumTraceProps } from './SpectrumTrace.tsx';
+export { SpectrumTrace } from './SpectrumTrace.tsx';
+export type { MassEditorActions } from './massActions.ts';
+export { createMassActions } from './massActions.ts';
+export type { MassChartProps } from './massChartProps.ts';
+export type { MassCommandContextValue } from './massCommandContext.tsx';
+export { useMassCommand, useMassCommandProps } from './massCommandContext.tsx';
+export type { MassHostPanel, MassStackPanel } from './massHostPanels.ts';
+export { isMassHostPanel, massStackPanels } from './massHostPanels.ts';
+export { useMassActions, useMassEditorState } from './massStateContext.ts';
+export type { IntensityZoom } from './useIntensityZoom.ts';
+export { useIntensityZoom } from './useIntensityZoom.ts';
+export type { MassEditorApi, UseMassEditorOptions } from './useMassEditor.ts';
+export { useMassEditor } from './useMassEditor.ts';
+export type { MassFiles } from './useMassFiles.ts';
+export { useMassFiles } from './useMassFiles.ts';
+export type { MassPointerOptions, MassReadout } from './useMassPointer.ts';
+export { sameMassReadout, useMassPointer } from './useMassPointer.ts';
+export { useMassShortcuts } from './useMassShortcuts.ts';
+export type { MassZoomClick, MassZoomOptions } from './useMassZoom.ts';
+export { useMassZoom } from './useMassZoom.ts';
+//# sourceMappingURL=index.d.ts.map

package/lib/mass/ui/index.d.ts.map

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

package/lib/mass/ui/index.js

@@ -0,0 +1,42 @@
+/**
+ * The mass spectrum chart, the panels beside it and the editor they sit in.
+ *
+ * `MassChart` is the drawing and holds nothing: it takes spectra, what to label
+ * and a window as props and hands every gesture back, so it fits a report page
+ * or a test as readily as an editor. The chart's own drawing — scales, ticks,
+ * plot geometry, the zoom gestures and the label placement — is the shared
+ * chart layer, which every viewer of the family draws with.
+ */
+export { MassAboutDialog } from "./MassAboutDialog.js";
+export { MassCanvas } from "./MassCanvas.js";
+export { MassChart } from "./MassChart.js";
+export { MassCommandProvider } from "./MassCommandProvider.js";
+export { MassCommandTooltip } from "./MassCommandTooltip.js";
+export { MassDocumentationDialog } from "./MassDocumentationDialog.js";
+export { MassEditor } from "./MassEditor.js";
+export { MassHeader } from "./MassHeader.js";
+export { MassLogo } from "./MassLogo.js";
+export { MassPointerTracker } from "./MassPointerTracker.js";
+export { MassSidePanel } from "./MassSidePanel.js";
+export { MassStateProvider } from "./MassStateProvider.js";
+export { MassStatusBar } from "./MassStatusBar.js";
+export { MassToolbar } from "./MassToolbar.js";
+export { MassMetadata, MetadataPanel } from "./MetadataPanel.js";
+export { MzDecimalsMenu } from "./MzDecimalsMenu.js";
+export { PeakLabels } from "./PeakLabels.js";
+export { PeakTable } from "./PeakTable.js";
+export { PeaksPanel } from "./PeaksPanel.js";
+export { SpectraPanel } from "./SpectraPanel.js";
+export { SpectrumRow } from "./SpectrumRow.js";
+export { SpectrumTrace } from "./SpectrumTrace.js";
+export { createMassActions } from "./massActions.js";
+export { useMassCommand, useMassCommandProps } from "./massCommandContext.js";
+export { isMassHostPanel, massStackPanels } from "./massHostPanels.js";
+export { useMassActions, useMassEditorState } from "./massStateContext.js";
+export { useIntensityZoom } from "./useIntensityZoom.js";
+export { useMassEditor } from "./useMassEditor.js";
+export { useMassFiles } from "./useMassFiles.js";
+export { sameMassReadout, useMassPointer } from "./useMassPointer.js";
+export { useMassShortcuts } from "./useMassShortcuts.js";
+export { useMassZoom } from "./useMassZoom.js";
+//# sourceMappingURL=index.js.map

package/lib/mass/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/mass/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAuB,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAiB,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA2B,CAAC;AAEhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAA0B,CAAC;AAE9D,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA+B,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAgB,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAA0B,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAyB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAElE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAsB,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAiB,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGrD,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,yBAA0B,CAAC;AAE/E,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/mass/ui/massActions.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Everything the viewer can be asked to do, as functions rather than actions.
+ *
+ * A component that dispatched action objects would have the shape of the reducer
+ * spread across every panel; one that calls `actions.selectSpectrum(id)` does
+ * not, and the reducer stays free to change how it holds things.
+ */
+import type { Dispatch } from 'react';
+import type { MassAction, SpectrumVisibility } from '../core/massReducer.ts';
+import type { MassPanelId } from '../core/massSidePanels.ts';
+import type { MassDomain, MassSpectrum } from '../core/massSpectrum.ts';
+import type { MassSettings, MassTool, PartialMassState } from '../core/massState.ts';
+/** Everything the viewer can be asked to do. */
+export interface MassEditorActions {
+    /** Draw these as well as what is already open. */
+    addSpectra: (spectra: MassSpectrum[]) => void;
+    /** Draw these instead of what is open, and refit the window to them. */
+    setSpectra: (spectra: MassSpectrum[]) => void;
+    /** Close one. */
+    removeSpectrum: (id: string) => void;
+    /** Call one something else. */
+    renameSpectrum: (id: string, name: string) => void;
+    /** Draw one in another colour. */
+    setSpectrumColor: (id: string, color: string) => void;
+    /** Draw one as its profile, as its sticks, or not at all. */
+    setSpectrumVisibility: (id: string, visibility: SpectrumVisibility) => void;
+    /** Point the panels at one, or at none. */
+    selectSpectrum: (id: string | null) => void;
+    /** Show this window. */
+    setDomain: (domain: MassDomain) => void;
+    /** Show what fits again. */
+    resetDomain: () => void;
+    /** Run this tool on the next drag. */
+    setTool: (tool: MassTool) => void;
+    /** Open or close a side panel, the viewer's own or one a host added. */
+    togglePanel: (panelId: MassPanelId) => void;
+    /** Say why something was refused, or that nothing is wrong any more. */
+    setError: (error: string | null) => void;
+    /** Change how the spectra are drawn. */
+    setSettings: (settings: Partial<MassSettings>) => void;
+    /** Take a whole state, as a host restoring one supplies it. */
+    loadState: (state: PartialMassState) => void;
+    /** Close every spectrum and start again from an empty chart. */
+    clear: () => void;
+}
+/**
+ * Bind every action to a dispatch.
+ * @param dispatch - The reducer's dispatch.
+ * @returns The actions, stable for as long as the dispatch is.
+ */
+export declare function createMassActions(dispatch: Dispatch<MassAction>): MassEditorActions;
+//# sourceMappingURL=massActions.d.ts.map

package/lib/mass/ui/massActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"massActions.d.ts","sourceRoot":"","sources":["../../../src/mass/ui/massActions.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,KAAK,EACV,YAAY,EACZ,QAAQ,EACR,gBAAgB,EACjB,MAAM,sBAAsB,CAAC;AAE9B,gDAAgD;AAChD,MAAM,WAAW,iBAAiB;IAChC,kDAAkD;IAClD,UAAU,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC9C,wEAAwE;IACxE,UAAU,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC9C,iBAAiB;IACjB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,+BAA+B;IAC/B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,kCAAkC;IAClC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,6DAA6D;IAC7D,qBAAqB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5E,2CAA2C;IAC3C,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,wBAAwB;IACxB,SAAS,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,4BAA4B;IAC5B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,sCAAsC;IACtC,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClC,wEAAwE;IACxE,WAAW,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,wEAAwE;IACxE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,wCAAwC;IACxC,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IACvD,+DAA+D;IAC/D,SAAS,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,gEAAgE;IAChE,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,GAC7B,iBAAiB,CAgDnB"}