react-cheminfo 0.69.0 → 0.71.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"MassPointerTracker.d.ts","sourceRoot":"","sources":["../../../src/mass/ui/MassPointerTracker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAI/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,WAAW,uBAAuB;IACtC,gEAAgE;IAChE,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAC;IAC5B,uEAAuE;IACvE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,0CAA0C;IAC1C,IAAI,EAAE,QAAQ,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,uBAAuB,GAC7B,YAAY,GAAG,IAAI,CAqBrB"}

package/lib/mass/ui/MassPointerTracker.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChartTracker } from "../../chart/ui/ChartTracker.js";
+import { formatIntensity, formatMz } from "../core/massFormat.js";
+/**
+ * The crosshair, and what the axes say where it stands.
+ *
+ * Two rules rather than one, because both axes are being read: the vertical one
+ * answers *what mass is this*, and the horizontal one answers *how tall is that
+ * against this*, which is how a peak is judged against its neighbours without
+ * counting grid lines. The picked peak within reach is not written here: the
+ * guide on its exact m/z and its lit row in the peak table say which it is, and
+ * a readout a line longer than the shared chart places would run off the foot
+ * of the plot.
+ * @param props - Component props.
+ * @returns The crosshair, or nothing while the pointer is off the plot.
+ */
+export function MassPointerTracker(props) {
+    const { position, readout, plot, mzDecimals, intensityScale = 1, suffix = '', } = props;
+    // A magnitude: the lower half of a mirrored pair is a second spectrum drawn
+    // downwards, never a negative intensity.
+    const lines = readout === null
+        ? null
+        : [
+            `m/z ${formatMz(readout.mz, mzDecimals)}`,
+            `${formatIntensity(Math.abs(readout.intensity) * intensityScale, mzDecimals)}${suffix}`,
+        ];
+    return _jsx(ChartTracker, { position: position, plot: plot, lines: lines });
+}
+//# sourceMappingURL=MassPointerTracker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MassPointerTracker.js","sourceRoot":"","sources":["../../../src/mass/ui/MassPointerTracker.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAiC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA8BlE;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,kBAAkB,CAChC,KAA8B;IAE9B,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,UAAU,EACV,cAAc,GAAG,CAAC,EAClB,MAAM,GAAG,EAAE,GACZ,GAAG,KAAK,CAAC;IAEV,4EAA4E;IAC5E,yCAAyC;IACzC,MAAM,KAAK,GACT,OAAO,KAAK,IAAI;QACd,CAAC,CAAC,IAAI;QACN,CAAC,CAAC;YACE,OAAO,QAAQ,CAAC,OAAO,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE;YACzC,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,cAAc,EAAE,UAAU,CAAC,GAAG,MAAM,EAAE;SACxF,CAAC;IAER,OAAO,KAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AACxE,CAAC"}

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

@@ -0,0 +1,29 @@
+import type { Ref } from 'react';
+import type { MassEditorHandle, MassPlotClick } from '../core/massEditorApi.ts';
+import type { MassHostPanel } from './massHostPanels.ts';
+export interface MassShellProps {
+    /**
+     * The handle to fill in, once there is a state for it to act on.
+     * @default undefined
+     */
+    handle?: Ref<MassEditorHandle>;
+    /** The panels the host adds to the viewer's own, ahead of them. */
+    panels: readonly MassHostPanel[];
+    /**
+     * Told of a click on the plot, with the spectrum selected at that moment.
+     * @default undefined
+     */
+    onPlotClick?: (click: MassPlotClick) => void;
+}
+/**
+ * The viewer's screen: a header, the rails, and the split between the chart and
+ * the panels.
+ *
+ * Kept apart from `MassEditor` so that the handle, the commands and the
+ * highlight — all of which need the state — sit below the providers rather than
+ * beside them, and so the sealed component above is nothing but its props.
+ * @param props - Component props.
+ * @returns The screen.
+ */
+export declare function MassShell(props: MassShellProps): import("react").JSX.Element;
+//# sourceMappingURL=MassShell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MassShell.d.ts","sourceRoot":"","sources":["../../../src/mass/ui/MassShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,GAAG,EAAE,MAAM,OAAO,CAAC;AAQ9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAUhF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAQzD,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,MAAM,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC/B,mEAAmE;IACnE,MAAM,EAAE,SAAS,aAAa,EAAE,CAAC;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC9C;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BA0I9C"}

package/lib/mass/ui/MassShell.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo, useRef, useState } from 'react';
+import { SplitPane, useFullscreen } from 'react-science/ui';
+import { sanitizeFileName } from "../../download/core/sanitizeFileName.js";
+import { useFigureDownload } from "../../download/ui/useFigureDownload.js";
+import { PanelRail } from "../../panel/ui/PanelRail.js";
+import { MassAboutDialog } from "./MassAboutDialog.js";
+import { MassCanvas } from "./MassCanvas.js";
+import { MassCommandProvider } from "./MassCommandProvider.js";
+import { MassDocumentationDialog } from "./MassDocumentationDialog.js";
+import { MassHeader } from "./MassHeader.js";
+import { MassSidePanel } from "./MassSidePanel.js";
+import { MassToolbar } from "./MassToolbar.js";
+import { useMassActions, useMassEditorState } from "./massStateContext.js";
+import { useIntensityZoom } from "./useIntensityZoom.js";
+import { useMassFiles } from "./useMassFiles.js";
+import { useMassHandle } from "./useMassHandle.js";
+import { useMassShortcuts } from "./useMassShortcuts.js";
+import { useMassSide } from "./useMassSide.js";
+/**
+ * The viewer's screen: a header, the rails, and the split between the chart and
+ * the panels.
+ *
+ * Kept apart from `MassEditor` so that the handle, the commands and the
+ * highlight — all of which need the state — sit below the providers rather than
+ * beside them, and so the sealed component above is nothing but its props.
+ * @param props - Component props.
+ * @returns The screen.
+ */
+export function MassShell(props) {
+    const { handle, panels, onPlotClick } = props;
+    const { state, visibleSpectra, selectedSpectrum } = useMassEditorState();
+    const actions = useMassActions();
+    const { toggle: toggleFullScreen } = useFullscreen();
+    const { openPanelIds, tool } = state.view;
+    const { showLabels, showCharges } = state.settings;
+    const side = useMassSide(panels);
+    const files = useMassFiles();
+    const fileInput = useRef(null);
+    const { zoomIn, zoomOut } = useIntensityZoom();
+    const [isAboutOpen, setIsAboutOpen] = useState(false);
+    const [isDocumentationOpen, setIsDocumentationOpen] = useState(false);
+    // What the pointer is resting on is not part of the document and changes on
+    // every move across the chart, so it is held here rather than in the reducer,
+    // where every panel's memo would run sixty times a second.
+    const [highlightMz, setHighlightMz] = useState(null);
+    // The chart is the picture, so the box it is drawn in is what the figure
+    // panel is pointed at: the viewer around it is full of SVG icons.
+    const chartId = useId();
+    const figure = useFigureDownload({
+        targetId: chartId,
+        fileName: pictureName(visibleSpectra, selectedSpectrum),
+    });
+    const { isOpen: isFigureOpen, setOpen: setFigureOpen } = figure;
+    const commands = useMemo(() => ({
+        about: () => setIsAboutOpen(true),
+        documentation: () => setIsDocumentationOpen(true),
+        fullScreen: toggleFullScreen,
+        openFiles: () => fileInput.current?.click(),
+        readTool: () => actions.setTool('read'),
+        boxTool: () => actions.setTool(tool === 'box' ? 'read' : 'box'),
+        zoomIn,
+        zoomOut,
+        resetZoom: () => actions.resetDomain(),
+        toggleLabels: () => actions.setSettings({ showLabels: !showLabels }),
+        toggleCharges: () => actions.setSettings({ showCharges: !showCharges }),
+        exportImage: () => setFigureOpen(!isFigureOpen),
+        clear: () => actions.clear(),
+    }), [
+        actions,
+        tool,
+        showLabels,
+        showCharges,
+        zoomIn,
+        zoomOut,
+        toggleFullScreen,
+        isFigureOpen,
+        setFigureOpen,
+    ]);
+    // The root is held as state rather than in a ref because the keys are bound to
+    // it from an effect: a ref filled in during the commit would leave the effect
+    // with nothing to listen on for the first render, and no reason ever to run
+    // again.
+    const [root, setRoot] = useState(null);
+    useMassShortcuts(root, commands);
+    useMassHandle(handle, files.readFiles);
+    return (_jsxs(MassCommandProvider, { handlers: commands, children: [_jsxs("div", { ref: setRoot, tabIndex: -1, style: rootStyle, children: [_jsx(MassHeader, {}), _jsxs("div", { style: mainStyle, children: [_jsx("div", { style: railStyle, children: _jsx(MassToolbar, { figure: figure }) }), _jsxs(SplitPane, { direction: "horizontal", controlledSide: "end", defaultSize: "360px", open: side.isOpen, onOpenChange: side.setOpen, children: [_jsx(MassCanvas, { highlightMz: highlightMz, onHighlight: setHighlightMz, chartId: chartId, onDropFiles: (dropped) => void files.readFiles(dropped), ...(onPlotClick === undefined ? {} : { onPlotClick }) }), _jsx(MassSidePanel, { panels: panels, highlightMz: highlightMz, onHighlight: setHighlightMz })] }), _jsx("div", { style: railStyle, children: _jsx(PanelRail, { panels: side.panels, openIds: openPanelIds, onToggle: actions.togglePanel }) })] }), _jsx("input", { ref: fileInput, type: "file", multiple: true, accept: ACCEPTED_FILES, style: hiddenStyle, "aria-label": "Open spectra", onChange: (event) => {
+                            const chosen = [...(event.currentTarget.files ?? [])];
+                            // Emptied so that choosing the same file again is still a change.
+                            event.currentTarget.value = '';
+                            if (chosen.length > 0)
+                                void files.readFiles(chosen);
+                        } })] }), _jsx(MassAboutDialog, { isOpen: isAboutOpen, onClose: () => setIsAboutOpen(false) }), _jsx(MassDocumentationDialog, { isOpen: isDocumentationOpen, onClose: () => setIsDocumentationOpen(false) })] }));
+}
+/**
+ * What a picture of the chart is called: the spectrum being looked at, since a
+ * figure of the chart is a figure of that spectrum, and a chart holding several
+ * and pointing at none of them is named after the lot.
+ * @param spectra - What is drawn.
+ * @param selected - The one being looked at, `null` when none is.
+ * @returns The name, without its extension.
+ */
+function pictureName(spectra, selected) {
+    const named = selected ?? (spectra.length === 1 ? spectra[0] : undefined);
+    return named === undefined
+        ? 'spectra'
+        : sanitizeFileName(named.name, 'spectrum');
+}
+/** What the file dialog offers, which is what the readers understand. */
+const ACCEPTED_FILES = '.jdx,.dx,.jcamp,.txt,.csv,.tsv,.xy,.asc,.dat';
+const rootStyle = {
+    display: 'flex',
+    flexDirection: 'column',
+    flex: '1 1 1px',
+    width: '100%',
+    height: '100%',
+    minHeight: 0,
+    outline: 'none',
+};
+const mainStyle = {
+    display: 'flex',
+    flex: '1 1 1px',
+    minWidth: 0,
+    minHeight: 0,
+};
+/**
+ * The rails are chrome of a fixed width, and a flex child shrinks by default: in
+ * a narrow viewer the row would take the width it is short of out of them.
+ */
+const railStyle = { flex: 'none' };
+/** The file input is opened by the toolbar, never clicked itself. */
+const hiddenStyle = { display: 'none' };
+//# sourceMappingURL=MassShell.js.map

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

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

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

@@ -0,0 +1,32 @@
+import type { MassHostPanel } from './massHostPanels.ts';
+export interface MassSidePanelProps {
+    /**
+     * The panels the host adds to the viewer's own, stacked above them in the
+     * order given.
+     * @default []
+     */
+    panels?: readonly MassHostPanel[];
+    /**
+     * The m/z of the peak the pointer is resting on.
+     * @default null
+     */
+    highlightMz?: number | null;
+    /**
+     * Told when a row of the peak table is hovered.
+     * @default undefined
+     */
+    onHighlight?: (mz: number | null) => void;
+}
+/**
+ * The panels that are open, stacked down the right.
+ *
+ * Every open panel gets a share of the height rather than a turn, because the
+ * things they hold are read together: which spectrum is selected and what its
+ * peaks are is one question asked of two panels. The header carries the close
+ * button and nothing else — a panel's own actions are a toolbar inside its
+ * body, so they travel with it.
+ * @param props - Component props.
+ * @returns The panel stack.
+ */
+export declare function MassSidePanel(props: MassSidePanelProps): import("react").JSX.Element;
+//# sourceMappingURL=MassSidePanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MassSidePanel.d.ts","sourceRoot":"","sources":["../../../src/mass/ui/MassSidePanel.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIzD,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IAClC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BA8BtD"}

package/lib/mass/ui/MassSidePanel.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { panelStyle } from "../../panel/core/panelStyles.js";
+import { SidePanelStack } from "../../panel/ui/SidePanelStack.js";
+import { MetadataPanel } from "./MetadataPanel.js";
+import { PeaksPanel } from "./PeaksPanel.js";
+import { SpectraPanel } from "./SpectraPanel.js";
+import { isMassHostPanel, massStackPanels } from "./massHostPanels.js";
+import { useMassActions, useMassEditorState } from "./massStateContext.js";
+/**
+ * The panels that are open, stacked down the right.
+ *
+ * Every open panel gets a share of the height rather than a turn, because the
+ * things they hold are read together: which spectrum is selected and what its
+ * peaks are is one question asked of two panels. The header carries the close
+ * button and nothing else — a panel's own actions are a toolbar inside its
+ * body, so they travel with it.
+ * @param props - Component props.
+ * @returns The panel stack.
+ */
+export function MassSidePanel(props) {
+    const { panels: hostPanels = NO_PANELS, highlightMz = null, onHighlight, } = props;
+    const { state } = useMassEditorState();
+    const actions = useMassActions();
+    const { openPanelIds } = state.view;
+    const panels = useMemo(() => massStackPanels(hostPanels), [hostPanels]);
+    return (_jsx(SidePanelStack, { panels: panels, openPanelIds: openPanelIds, onClose: actions.togglePanel, children: (panel) => isMassHostPanel(panel) ? (_jsx("div", { style: panelStyle, children: panel.content })) : (_jsx(PanelBody, { panelId: panel.id, highlightMz: highlightMz, ...(onHighlight === undefined ? {} : { onHighlight }) })) }));
+}
+/**
+ * Which panel a panel id is.
+ * @param props - Component props.
+ * @returns The panel's body.
+ */
+function PanelBody(props) {
+    const { panelId, highlightMz, onHighlight } = props;
+    if (panelId === 'spectra')
+        return _jsx(SpectraPanel, {});
+    if (panelId === 'metadata')
+        return _jsx(MetadataPanel, {});
+    return (_jsx(PeaksPanel, { highlightMz: highlightMz, ...(onHighlight === undefined ? {} : { onHighlight }) }));
+}
+/** What a stack the host adds nothing to holds, kept stable for the memo. */
+const NO_PANELS = [];
+//# sourceMappingURL=MassSidePanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MassSidePanel.js","sourceRoot":"","sources":["../../../src/mass/ui/MassSidePanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAmC,CAAC;AAGnE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAqB3E;;;;;;;;;;GAUG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EACJ,MAAM,EAAE,UAAU,GAAG,SAAS,EAC9B,WAAW,GAAG,IAAI,EAClB,WAAW,GACZ,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACvC,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC;IACpC,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAExE,OAAO,CACL,KAAC,cAAc,IACb,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,CAAC,WAAW,YAE3B,CAAC,KAAK,EAAE,EAAE,CACT,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,cAAK,KAAK,EAAE,UAAU,YAAG,KAAK,CAAC,OAAO,GAAO,CAC9C,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IACR,OAAO,EAAE,KAAK,CAAC,EAAE,EACjB,WAAW,EAAE,WAAW,KACpB,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,GACtD,CACH,GAEY,CAClB,CAAC;AACJ,CAAC;AAcD;;;;GAIG;AACH,SAAS,SAAS,CAAC,KAAqB;IACtC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEpD,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,KAAC,YAAY,KAAG,CAAC;IACnD,IAAI,OAAO,KAAK,UAAU;QAAE,OAAO,KAAC,aAAa,KAAG,CAAC;IACrD,OAAO,CACL,KAAC,UAAU,IACT,WAAW,EAAE,WAAW,KACpB,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,GACtD,CACH,CAAC;AACJ,CAAC;AAED,6EAA6E;AAC7E,MAAM,SAAS,GAA6B,EAAE,CAAC"}

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

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import type { MassEditorApi } from './useMassEditor.ts';
+export interface MassStateProviderProps {
+    /** The viewer's state, as `useMassEditor` holds it. */
+    editor: MassEditorApi;
+    /** The viewer. */
+    children: ReactNode;
+}
+/**
+ * Put one viewer's state where its panels can reach it.
+ *
+ * The state and the actions go into separate contexts on purpose — see
+ * `massStateContext.ts` for why — and the actions are handed over as they are,
+ * since `useMassEditor` already keeps them stable for the life of the viewer.
+ * @param props - Component props.
+ * @returns The provider.
+ */
+export declare function MassStateProvider(props: MassStateProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=MassStateProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MassStateProvider.d.ts","sourceRoot":"","sources":["../../../src/mass/ui/MassStateProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,sBAAsB;IACrC,uDAAuD;IACvD,MAAM,EAAE,aAAa,CAAC;IACtB,kBAAkB;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAU9D"}

package/lib/mass/ui/MassStateProvider.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { massActionsContext, massStateContext } from "./massStateContext.js";
+/**
+ * Put one viewer's state where its panels can reach it.
+ *
+ * The state and the actions go into separate contexts on purpose — see
+ * `massStateContext.ts` for why — and the actions are handed over as they are,
+ * since `useMassEditor` already keeps them stable for the life of the viewer.
+ * @param props - Component props.
+ * @returns The provider.
+ */
+export function MassStateProvider(props) {
+    const { editor, children } = props;
+    return (_jsx(massStateContext.Provider, { value: editor, children: _jsx(massActionsContext.Provider, { value: editor.actions, children: children }) }));
+}
+//# sourceMappingURL=MassStateProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MassStateProvider.js","sourceRoot":"","sources":["../../../src/mass/ui/MassStateProvider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAU7E;;;;;;;;GAQG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEnC,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YACtC,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YAC/C,QAAQ,GACmB,GACJ,CAC7B,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,15 @@
+/**
+ * The one line under the chart: what is drawn, what it resolves, what went
+ * wrong.
+ *
+ * Everything in it is derived, so it is the cheapest place in the viewer to
+ * answer "did that work" — how many spectra are drawn of those open, how many
+ * peaks the selected one holds and between which masses, and whether it is a
+ * high-resolution spectrum, with the resolving power where one was measured.
+ *
+ * The refusal is last and is the only red in the shell, so the eye that has just
+ * dropped something and seen nothing happen lands on the reason.
+ * @returns The status bar.
+ */
+export declare function MassStatusBar(): import("react").JSX.Element;
+//# sourceMappingURL=MassStatusBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MassStatusBar.d.ts","sourceRoot":"","sources":["../../../src/mass/ui/MassStatusBar.tsx"],"names":[],"mappings":"AAkBA;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,gCA0D5B"}

package/lib/mass/ui/MassStatusBar.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@blueprintjs/core';
+import { countLabel, statusBarStyle as barStyle, statusItemStyle as itemStyle, statusMutedStyle as mutedStyle, statusSpacerStyle as spacerStyle, } from "../../panel/core/statusBar.js";
+import { formatMzRange, resolutionLabel, resolvingPowerLabel, } from "../core/massFormat.js";
+import { resolutionOf } from "../core/resolutionOf.js";
+import { useMassEditorState } from "./massStateContext.js";
+/**
+ * The one line under the chart: what is drawn, what it resolves, what went
+ * wrong.
+ *
+ * Everything in it is derived, so it is the cheapest place in the viewer to
+ * answer "did that work" — how many spectra are drawn of those open, how many
+ * peaks the selected one holds and between which masses, and whether it is a
+ * high-resolution spectrum, with the resolving power where one was measured.
+ *
+ * The refusal is last and is the only red in the shell, so the eye that has just
+ * dropped something and seen nothing happen lands on the reason.
+ * @returns The status bar.
+ */
+export function MassStatusBar() {
+    const { state, visibleSpectra, selectedSpectrum, mzDecimals } = useMassEditorState();
+    const { spectra } = state.data;
+    const { error, tool } = state.view;
+    const resolution = selectedSpectrum === null ? null : resolutionOf(selectedSpectrum);
+    const range = selectedSpectrum === null
+        ? ''
+        : formatMzRange(selectedSpectrum.centroid.x, mzDecimals);
+    return (_jsxs("div", { style: barStyle, children: [_jsx("span", { style: itemStyle, children: spectra.length === 0
+                    ? 'no spectrum open — drop a JCAMP-DX or a text file on the chart'
+                    : `${countLabel(visibleSpectra.length, 'spectrum', 'spectra')} drawn of ${spectra.length}` }), selectedSpectrum === null ? null : (_jsx("span", { style: nameStyle, title: selectedSpectrum.name, children: selectedSpectrum.name })), resolution === null ? null : (_jsxs("span", { style: itemStyle, children: [resolutionLabel(resolution), resolution.resolvingPower === null
+                        ? null
+                        : ` (${resolvingPowerLabel(resolution.resolvingPower)})`] })), selectedSpectrum === null ? null : (_jsx("span", { style: itemStyle, children: countLabel(selectedSpectrum.centroid.x.length, 'peak', 'peaks') })), range === '' ? null : _jsxs("span", { style: mutedStyle, children: ["m/z ", range] }), tool === 'box' ? (_jsx("span", { style: mutedStyle, children: "square zoom: drag a rectangle" })) : null, _jsx("span", { style: spacerStyle }), error === null ? null : (_jsxs("span", { style: errorStyle, title: error, children: [_jsx(Icon, { icon: "warning-sign", size: 12 }), error] }))] }));
+}
+const nameStyle = {
+    ...itemStyle,
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    maxWidth: '32%',
+    fontWeight: 600,
+};
+/** The one red in the shell: a refusal, and nothing else, is written in it. */
+const errorStyle = {
+    ...itemStyle,
+    gap: 4,
+    color: '#C0392B',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    maxWidth: '60%',
+};
+//# sourceMappingURL=MassStatusBar.js.map

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

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

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

@@ -0,0 +1,24 @@
+import type { FigureDownloadState } from '../../download/ui/useFigureDownload.tsx';
+/** What {@link MassToolbar} needs. */
+export interface MassToolbarProps {
+    /**
+     * The "Save figure" panel the picture button opens.
+     * @default undefined — the button only runs the `exportImage` command
+     */
+    figure?: FigureDownloadState;
+}
+/**
+ * The tools, down the left of the chart.
+ *
+ * Only what is done to the spectra: what is asked of the viewer itself — the
+ * mark, help, full screen — is in the header. Opening files comes first,
+ * because nothing else does anything until a spectrum is open; then the
+ * **tools**, read and square zoom, which say what a drag is running; then the
+ * zoom commands that act at once; then what the chart writes over the peaks.
+ * Closing every spectrum is last and alone, being the only one that throws
+ * something away.
+ * @param props - Component props.
+ * @returns The toolbar.
+ */
+export declare function MassToolbar(props: MassToolbarProps): import("react").JSX.Element;
+//# sourceMappingURL=MassToolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MassToolbar.d.ts","sourceRoot":"","sources":["../../../src/mass/ui/MassToolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAKnF,sCAAsC;AACtC,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BA0FlD"}

package/lib/mass/ui/MassToolbar.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Toolbar } from 'react-science/ui';
+import { useMassCommandProps } from "./massCommandContext.js";
+import { useMassEditorState } from "./massStateContext.js";
+/**
+ * The tools, down the left of the chart.
+ *
+ * Only what is done to the spectra: what is asked of the viewer itself — the
+ * mark, help, full screen — is in the header. Opening files comes first,
+ * because nothing else does anything until a spectrum is open; then the
+ * **tools**, read and square zoom, which say what a drag is running; then the
+ * zoom commands that act at once; then what the chart writes over the peaks.
+ * Closing every spectrum is last and alone, being the only one that throws
+ * something away.
+ * @param props - Component props.
+ * @returns The toolbar.
+ */
+export function MassToolbar(props) {
+    const { figure } = props;
+    const { state, selectedSpectrum } = useMassEditorState();
+    const command = useMassCommandProps();
+    const { spectra } = state.data;
+    const { domain, tool } = state.view;
+    const { showLabels, showCharges } = state.settings;
+    const isEmpty = spectra.length === 0;
+    // The popover opens the panel itself, so the command's own click is left out.
+    const exportCommand = command('exportImage');
+    return (_jsxs(Toolbar, { vertical: true, overflow: "collapse", "aria-label": "Mass spectrum tools", children: [_jsx(Toolbar.Item, { icon: "folder-open", ...command('openFiles') }), _jsx(Toolbar.Item, { icon: "arrows-horizontal", active: tool === 'read', ...command('readTool'), disabled: isEmpty }), _jsx(Toolbar.Item, { icon: "select", active: tool === 'box', ...command('boxTool'), disabled: isEmpty }), _jsx(Toolbar.Item, { icon: "zoom-in", ...command('zoomIn'), disabled: isEmpty }), _jsx(Toolbar.Item, { icon: "zoom-out", ...command('zoomOut'), disabled: isEmpty }), _jsx(Toolbar.Item, { icon: "zoom-to-fit", ...command('resetZoom'), disabled: domain === null }), _jsx(Toolbar.Item, { icon: "label", active: showLabels, ...command('toggleLabels'), disabled: selectedSpectrum === null }), _jsx(Toolbar.Item, { icon: "numerical", active: showCharges, ...command('toggleCharges'), disabled: !showLabels || selectedSpectrum === null }), figure === undefined ? (_jsx(Toolbar.Item, { icon: "media", ...command('exportImage'), disabled: isEmpty })) : (_jsx(Toolbar.PopoverItem, { isOpen: figure.isOpen, onInteraction: figure.setOpen, content: figure.panel, disabled: isEmpty, itemProps: {
+                    icon: 'media',
+                    tooltip: exportCommand.tooltip,
+                    'aria-label': exportCommand['aria-label'],
+                    active: figure.isOpen,
+                    disabled: isEmpty,
+                } })), _jsx(Toolbar.Item, { icon: "trash", intent: "danger", ...command('clear'), disabled: isEmpty })] }));
+}
+//# sourceMappingURL=MassToolbar.js.map

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

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

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

@@ -0,0 +1,35 @@
+import type { MassSpectrum } from '../core/massSpectrum.ts';
+/**
+ * The acquisition panel of the viewer, about whichever spectrum is selected.
+ * @returns The panel.
+ */
+export declare function MetadataPanel(): import("react").JSX.Element;
+export interface MassMetadataProps {
+    /** The spectrum the panel is about, `null` when none is selected. */
+    spectrum: MassSpectrum | null;
+    /**
+     * How many decimals its masses are written with.
+     * @default 4
+     */
+    mzDecimals?: number;
+}
+/**
+ * How a spectrum was acquired, as the file stated it, and what the viewer
+ * found out about it — for any viewer, whatever state it keeps the spectrum in.
+ *
+ * Every row the file wrote is a fact it actually wrote: the reader leaves out
+ * whatever was blank rather than showing it as a dash, so a short table means a
+ * terse file and not a bug. The order is the reader's — source, instrument,
+ * analyser, ionization, polarity, energy, and on down to who ran it — because
+ * that is the order a method is read in. A file that wrote nothing gets the
+ * facts true of every spectrum instead, a pasted one included: which file and
+ * format it came from, how many peaks it holds and between which masses.
+ *
+ * Under either comes whether it is a high-resolution measurement, with how that
+ * was decided, since a verdict read off the decimals of a peak table is a
+ * weaker claim than one measured on the widths of its peaks.
+ * @param props - Component props.
+ * @returns The panel.
+ */
+export declare function MassMetadata(props: MassMetadataProps): import("react").JSX.Element;
+//# sourceMappingURL=MetadataPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetadataPanel.d.ts","sourceRoot":"","sources":["../../../src/mass/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAQ5D;;;GAGG;AACH,wBAAgB,aAAa,gCAG5B;AAED,MAAM,WAAW,iBAAiB;IAChC,qEAAqE;IACrE,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BA4FpD"}