react-cheminfo 0.28.0 → 0.29.0

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

@@ -0,0 +1,15 @@
+/**
+ * What the file said about the selected spectrum's acquisition.
+ *
+ * Only what it actually said. A field the file left blank is left out rather than
+ * shown empty, so every line in the table is a fact — which is what makes the
+ * table worth reading at all on a format where instruments write whatever they
+ * like.
+ *
+ * Where the spectrum came from is shown even when the file said nothing: the
+ * format and the file name are the two things a reader asks first when a trace
+ * looks wrong.
+ * @returns The panel.
+ */
+export declare function MetadataPanel(): import("react").JSX.Element;
+//# sourceMappingURL=MetadataPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetadataPanel.d.ts","sourceRoot":"","sources":["../../../src/ir/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAUA;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,gCAsD5B"}

package/lib/ir/ui/MetadataPanel.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { panelBodyStyle, panelCellStyle, panelEmptyStyle, panelStyle, panelTableStyle, } from "../../panel/core/panelStyles.js";
+import { useIrEditorState } from "./irStateContext.js";
+/**
+ * What the file said about the selected spectrum's acquisition.
+ *
+ * Only what it actually said. A field the file left blank is left out rather than
+ * shown empty, so every line in the table is a fact — which is what makes the
+ * table worth reading at all on a format where instruments write whatever they
+ * like.
+ *
+ * Where the spectrum came from is shown even when the file said nothing: the
+ * format and the file name are the two things a reader asks first when a trace
+ * looks wrong.
+ * @returns The panel.
+ */
+export function MetadataPanel() {
+    const { selectedSpectrum } = useIrEditorState();
+    if (selectedSpectrum === null) {
+        return (_jsx("div", { style: panelStyle, children: _jsx("div", { style: panelBodyStyle, children: _jsx("p", { style: panelEmptyStyle, children: "No spectrum is selected." }) }) }));
+    }
+    const { meta, origin, wavenumber } = selectedSpectrum;
+    const rows = [
+        ['Format', origin.format],
+        ...(origin.fileName === undefined
+            ? []
+            : [['File', origin.fileName]]),
+        ...(origin.blockIndex === undefined
+            ? []
+            : [['Block', String(origin.blockIndex)]]),
+        ...(origin.recorded === undefined
+            ? []
+            : [['Recorded as', origin.recorded]]),
+        ['Points', String(wavenumber.length)],
+        ...(meta === null
+            ? []
+            : meta.fields.map((field) => [field.label, field.value])),
+    ];
+    return (_jsx("div", { style: panelStyle, children: _jsxs("div", { style: panelBodyStyle, children: [meta?.title === null || meta?.title === undefined ? null : (_jsx("p", { style: titleStyle, children: meta.title })), _jsx("table", { style: panelTableStyle, children: _jsx("tbody", { children: rows.map(([label, value]) => (_jsxs("tr", { children: [_jsx("th", { style: labelCellStyle, children: label }), _jsx("td", { style: { ...panelCellStyle, whiteSpace: 'normal' }, children: value })] }, label))) }) })] }) }));
+}
+const titleStyle = { margin: 0, fontWeight: 600 };
+const labelCellStyle = {
+    ...panelCellStyle,
+    textAlign: 'left',
+    fontWeight: 400,
+    opacity: 0.7,
+    width: '40%',
+};
+//# sourceMappingURL=MetadataPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetadataPanel.js","sourceRoot":"","sources":["../../../src/ir/ui/MetadataPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,cAAc,EACd,cAAc,EACd,eAAe,EACf,UAAU,EACV,eAAe,GAChB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,EAAE,gBAAgB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEhD,IAAI,gBAAgB,KAAK,IAAI,EAAE,CAAC;QAC9B,OAAO,CACL,cAAK,KAAK,EAAE,UAAU,YACpB,cAAK,KAAK,EAAE,cAAc,YACxB,YAAG,KAAK,EAAE,eAAe,yCAA8B,GACnD,GACF,CACP,CAAC;IACJ,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,gBAAgB,CAAC;IACtD,MAAM,IAAI,GAA4B;QACpC,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC;QACzB,GAAG,CAAC,MAAM,CAAC,QAAQ,KAAK,SAAS;YAC/B,CAAC,CAAC,EAAE;YACJ,CAAC,CAAE,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,CAA6B,CAAC;QAC7D,GAAG,CAAC,MAAM,CAAC,UAAU,KAAK,SAAS;YACjC,CAAC,CAAC,EAAE;YACJ,CAAC,CAAE,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAA6B,CAAC;QACxE,GAAG,CAAC,MAAM,CAAC,QAAQ,KAAK,SAAS;YAC/B,CAAC,CAAC,EAAE;YACJ,CAAC,CAAE,CAAC,CAAC,aAAa,EAAE,MAAM,CAAC,QAAQ,CAAC,CAA6B,CAAC;QACpE,CAAC,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;QACrC,GAAG,CAAC,IAAI,KAAK,IAAI;YACf,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CACb,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAqB,CAC1D,CAAC;KACP,CAAC;IAEF,OAAO,CACL,cAAK,KAAK,EAAE,UAAU,YACpB,eAAK,KAAK,EAAE,cAAc,aACvB,IAAI,EAAE,KAAK,KAAK,IAAI,IAAI,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1D,YAAG,KAAK,EAAE,UAAU,YAAG,IAAI,CAAC,KAAK,GAAK,CACvC,EACD,gBAAO,KAAK,EAAE,eAAe,YAC3B,0BACG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAC5B,yBACE,aAAI,KAAK,EAAE,cAAc,YAAG,KAAK,GAAM,EACvC,aAAI,KAAK,EAAE,EAAE,GAAG,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,YACnD,KAAK,GACH,KAJE,KAAK,CAKT,CACN,CAAC,GACI,GACF,IACJ,GACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAW,CAAC;AAE3D,MAAM,cAAc,GAAG;IACrB,GAAG,cAAc;IACjB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,GAAG;IACf,OAAO,EAAE,GAAG;IACZ,KAAK,EAAE,KAAK;CACJ,CAAC"}

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

@@ -0,0 +1,20 @@
+/**
+ * The spectra that are open: which is drawn, which the panels are about, and
+ * what each is called.
+ *
+ * One row per spectrum, and the row is the selection: the panels and the picking
+ * are about one spectrum at a time, so which one that is has to be visible and
+ * one click away. Drawing is separate from selecting — a reference can be kept on
+ * the chart while the bands of the sample are read — which is why the eye and the
+ * row are two different targets.
+ *
+ * What acts on the list rather than on one row — drawing them all again, handing
+ * the whole list over as a file, closing the selected one, closing every one — is
+ * a toolbar under the header, where a panel's own actions belong. Closing the
+ * selected spectrum is offered there as well as on its row because the row's
+ * cross is a small target in a list of twenty, and the selected spectrum is the
+ * one being worked on.
+ * @returns The panel.
+ */
+export declare function SpectraPanel(): import("react").JSX.Element;
+//# sourceMappingURL=SpectraPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpectraPanel.d.ts","sourceRoot":"","sources":["../../../src/ir/ui/SpectraPanel.tsx"],"names":[],"mappings":"AAgBA;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,gCA+E3B"}

package/lib/ir/ui/SpectraPanel.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Toolbar } from 'react-science/ui';
+import { panelBodyStyle, panelEmptyStyle, panelStyle, panelToolbarStyle, } from "../../panel/core/panelStyles.js";
+import { downloadIrSpectra, downloadIrSpectrum, } from "../core/downloadSpectra.js";
+import { SpectrumRow } from "./SpectrumRow.js";
+import { useIrActions, useIrEditorState } from "./irStateContext.js";
+/**
+ * The spectra that are open: which is drawn, which the panels are about, and
+ * what each is called.
+ *
+ * One row per spectrum, and the row is the selection: the panels and the picking
+ * are about one spectrum at a time, so which one that is has to be visible and
+ * one click away. Drawing is separate from selecting — a reference can be kept on
+ * the chart while the bands of the sample are read — which is why the eye and the
+ * row are two different targets.
+ *
+ * What acts on the list rather than on one row — drawing them all again, handing
+ * the whole list over as a file, closing the selected one, closing every one — is
+ * a toolbar under the header, where a panel's own actions belong. Closing the
+ * selected spectrum is offered there as well as on its row because the row's
+ * cross is a small target in a list of twenty, and the selected spectrum is the
+ * one being worked on.
+ * @returns The panel.
+ */
+export function SpectraPanel() {
+    const { state } = useIrEditorState();
+    const actions = useIrActions();
+    const { spectra } = state.data;
+    const { selectedId } = state.view;
+    const { mode } = state.settings;
+    const selected = spectra.find((spectrum) => spectrum.id === selectedId);
+    const allDrawn = spectra.every((spectrum) => spectrum.visible);
+    return (_jsxs("div", { style: panelStyle, children: [_jsx("div", { style: panelToolbarStyle, children: _jsxs(Toolbar, { "aria-label": "Spectra", children: [_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: "cross", intent: "danger", tooltip: "Close the selected spectrum", "aria-label": "Close the selected spectrum", disabled: selected === undefined, onClick: () => {
+                                if (selected !== undefined)
+                                    actions.removeSpectrum(selected.id);
+                            } }), _jsx(Toolbar.Item, { icon: "eye-open", tooltip: "Draw every spectrum again", "aria-label": "Draw every spectrum again", disabled: spectra.length === 0 || allDrawn, onClick: () => {
+                                for (const spectrum of spectra) {
+                                    actions.setSpectrumVisible(spectrum.id, true);
+                                }
+                            } }), _jsx(Toolbar.Item, { icon: "download", tooltip: "Download every spectrum as one JCAMP-DX file", "aria-label": "Download every spectrum", disabled: spectra.length === 0, onClick: () => downloadIrSpectra(spectra, mode) })] }) }), _jsx("div", { style: panelBodyStyle, children: spectra.length === 0 ? (_jsx("p", { style: panelEmptyStyle, children: "No spectrum is open. Open one of the examples, or drop a JCAMP-DX file on the chart." })) : (spectra.map((spectrum) => (_jsx(SpectrumRow, { spectrum: spectrum, selected: spectrum.id === selectedId, onSelect: () => actions.selectSpectrum(spectrum.id), onToggle: () => actions.setSpectrumVisible(spectrum.id, !spectrum.visible), onColor: (color) => actions.setSpectrumColor(spectrum.id, color), onDownload: () => downloadIrSpectrum(spectrum, mode), onRemove: () => actions.removeSpectrum(spectrum.id), onRename: (name) => actions.renameSpectrum(spectrum.id, name) }, spectrum.id)))) })] }));
+}
+//# sourceMappingURL=SpectraPanel.js.map

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

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

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

@@ -0,0 +1,26 @@
+import type { IrSpectrum } from '../core/irSpectrum.ts';
+export interface SpectrumRowProps {
+    /** The spectrum the row is about. */
+    spectrum: IrSpectrum;
+    /** Whether the panels are about it. */
+    selected: boolean;
+    /** Point the panels at it. */
+    onSelect: () => void;
+    /** Draw it, or stop drawing it. */
+    onToggle: () => void;
+    /** Draw it in another colour of the palette. */
+    onColor: (color: string) => void;
+    /** Hand it over as a file. */
+    onDownload: () => void;
+    /** Close it. */
+    onRemove: () => void;
+    /** Call it something else. */
+    onRename: (name: string) => void;
+}
+/**
+ * One spectrum: its colour, its name, where it runs, and what can be done to it.
+ * @param props - Component props.
+ * @returns The row.
+ */
+export declare function SpectrumRow(props: SpectrumRowProps): import("react").JSX.Element;
+//# sourceMappingURL=SpectrumRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpectrumRow.d.ts","sourceRoot":"","sources":["../../../src/ir/ui/SpectrumRow.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,WAAW,gBAAgB;IAC/B,qCAAqC;IACrC,QAAQ,EAAE,UAAU,CAAC;IACrB,uCAAuC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mCAAmC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gDAAgD;IAChD,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,8BAA8B;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,gBAAgB;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,8BAA8B;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAoElD"}

package/lib/ir/ui/SpectrumRow.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from 'react-science/ui';
+import { SpectrumColorSwatch } from "../../panel/ui/SpectrumColorSwatch.js";
+import { formatWavenumber } from "../core/irFormat.js";
+/**
+ * One spectrum: its colour, its name, where it runs, and what can be done to it.
+ * @param props - Component props.
+ * @returns The row.
+ */
+export function SpectrumRow(props) {
+    const { spectrum, selected, onSelect, onToggle, onColor, onDownload, onRemove, onRename, } = props;
+    const range = spectrum.wavenumber.length === 0
+        ? ''
+        : `${formatWavenumber(spectrum.wavenumber.at(-1))}–${formatWavenumber(spectrum.wavenumber[0])} cm⁻¹`;
+    return (_jsxs("div", { style: selected ? selectedRowStyle : rowStyle, "data-selected": selected ? 'true' : undefined, children: [_jsx(Button, { variant: "minimal", icon: spectrum.visible ? 'eye-open' : 'eye-off', tooltipProps: { content: spectrum.visible ? 'Hide' : 'Draw' }, "aria-label": spectrum.visible ? 'Hide this spectrum' : 'Draw it', onClick: onToggle }), _jsx(SpectrumColorSwatch, { color: spectrum.color, name: spectrum.name, onPick: onColor }), _jsx("input", { style: nameStyle, value: spectrum.name, spellCheck: false, autoComplete: "off", "aria-label": "What this spectrum is called", onFocus: onSelect, onChange: (event) => onRename(event.target.value) }), _jsx("span", { style: rangeStyle, children: range }), _jsx(Button, { variant: "minimal", icon: "download", tooltipProps: { content: 'Download this spectrum as a JCAMP-DX file' }, "aria-label": "Download this spectrum", onClick: onDownload }), _jsx(Button, { variant: "minimal", icon: "cross", intent: "danger", tooltipProps: { content: 'Close this spectrum' }, "aria-label": "Close this spectrum", onClick: onRemove })] }));
+}
+const rowStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: 4,
+    padding: '1px 2px',
+    borderRadius: 3,
+};
+const selectedRowStyle = { ...rowStyle, background: '#e8f1fb' };
+const nameStyle = {
+    flex: '1 1 1px',
+    minWidth: 0,
+    border: '1px solid transparent',
+    borderRadius: 2,
+    background: 'transparent',
+    font: 'inherit',
+    fontSize: 12,
+    padding: '1px 3px',
+};
+const rangeStyle = {
+    flex: 'none',
+    fontSize: 11,
+    opacity: 0.6,
+    fontVariantNumeric: 'tabular-nums',
+};
+//# sourceMappingURL=SpectrumRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpectrumRow.js","sourceRoot":"","sources":["../../../src/ir/ui/SpectrumRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAwC,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAsBvD;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GACT,QAAQ,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC;QAC9B,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,GAAG,gBAAgB,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,CAAW,CAAC,IAAI,gBAAgB,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAW,CAAC,OAAO,CAAC;IAE7H,OAAO,CACL,eACE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,QAAQ,mBAC9B,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aAE5C,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC/C,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,gBACjD,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,EAC/D,OAAO,EAAE,QAAQ,GACjB,EAIF,KAAC,mBAAmB,IAClB,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,MAAM,EAAE,OAAO,GACf,EAEF,gBACE,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,QAAQ,CAAC,IAAI,EACpB,UAAU,EAAE,KAAK,EACjB,YAAY,EAAC,KAAK,gBACP,8BAA8B,EACzC,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GACjD,EAEF,eAAM,KAAK,EAAE,UAAU,YAAG,KAAK,GAAQ,EAEvC,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,UAAU,EACf,YAAY,EAAE,EAAE,OAAO,EAAE,2CAA2C,EAAE,gBAC3D,wBAAwB,EACnC,OAAO,EAAE,UAAU,GACnB,EAEF,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,QAAQ,EACf,YAAY,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE,gBACrC,qBAAqB,EAChC,OAAO,EAAE,QAAQ,GACjB,IACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,QAAQ,GAAG;IACf,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,CAAC;IACN,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,CAAC;CACP,CAAC;AAEX,MAAM,gBAAgB,GAAG,EAAE,GAAG,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAW,CAAC;AAEzE,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,CAAC;IACX,MAAM,EAAE,uBAAuB;IAC/B,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,aAAa;IACzB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,SAAS;CACV,CAAC;AAEX,MAAM,UAAU,GAAG;IACjB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,GAAG;IACZ,kBAAkB,EAAE,cAAc;CAC1B,CAAC"}

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

@@ -0,0 +1,56 @@
+/**
+ * The infrared chart, the panels beside it and the editor they sit in.
+ *
+ * `IrChart` is the drawing and holds nothing: it takes spectra, bands, a mode
+ * 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 { BandMarksProps } from './BandMarks.tsx';
+export { BandMarks } from './BandMarks.tsx';
+export type { BandsPanelProps } from './BandsPanel.tsx';
+export { BandsPanel } from './BandsPanel.tsx';
+export type { IrAboutDialogProps } from './IrAboutDialog.tsx';
+export { IrAboutDialog } from './IrAboutDialog.tsx';
+export type { IrCanvasProps } from './IrCanvas.tsx';
+export { IrCanvas } from './IrCanvas.tsx';
+export { IrChart } from './IrChart.tsx';
+export type { IrCommandProviderProps } from './IrCommandProvider.tsx';
+export { IrCommandProvider } from './IrCommandProvider.tsx';
+export type { IrCommandTooltipProps } from './IrCommandTooltip.tsx';
+export { IrCommandTooltip } from './IrCommandTooltip.tsx';
+export type { IrDocumentationDialogProps } from './IrDocumentationDialog.tsx';
+export { IrDocumentationDialog } from './IrDocumentationDialog.tsx';
+export type { IrEditorProps } from './IrEditor.tsx';
+export { IrEditor } from './IrEditor.tsx';
+export type { IrLogoProps } from './IrLogo.tsx';
+export { IrLogo } from './IrLogo.tsx';
+export type { IrPointerTrackerProps } from './IrPointerTracker.tsx';
+export { IrPointerTracker } from './IrPointerTracker.tsx';
+export type { IrSidePanelProps } from './IrSidePanel.tsx';
+export { IrSidePanel } from './IrSidePanel.tsx';
+export type { IrStateProviderProps } from './IrStateProvider.tsx';
+export { IrStateProvider } from './IrStateProvider.tsx';
+export { IrStatusBar } from './IrStatusBar.tsx';
+export { IrToolbar } from './IrToolbar.tsx';
+export type { IrTracesProps } from './IrTraces.tsx';
+export { IrTraces } from './IrTraces.tsx';
+export { MetadataPanel } from './MetadataPanel.tsx';
+export { SpectraPanel } from './SpectraPanel.tsx';
+export type { SpectrumRowProps } from './SpectrumRow.tsx';
+export { SpectrumRow } from './SpectrumRow.tsx';
+export type { IrEditorActions } from './irActions.ts';
+export { createIrActions } from './irActions.ts';
+export type { IrChartProps } from './irChartProps.ts';
+export type { IrCommandContextValue } from './irCommandContext.tsx';
+export { useIrCommand, useIrCommandProps } from './irCommandContext.tsx';
+export { useIrActions, useIrEditorState } from './irStateContext.ts';
+export type { IrEditorApi, UseIrEditorOptions } from './useIrEditor.ts';
+export { useIrEditor } from './useIrEditor.ts';
+export type { IrPointerOptions, IrReadout } from './useIrPointer.ts';
+export { sameIrReadout, useIrPointer } from './useIrPointer.ts';
+export { useIrShortcuts } from './useIrShortcuts.ts';
+export type { IrZoomOptions } from './useIrZoom.ts';
+export { useIrZoom } from './useIrZoom.ts';
+//# sourceMappingURL=index.d.ts.map

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

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

package/lib/ir/ui/index.js

@@ -0,0 +1,36 @@
+/**
+ * The infrared chart, the panels beside it and the editor they sit in.
+ *
+ * `IrChart` is the drawing and holds nothing: it takes spectra, bands, a mode
+ * 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 { BandMarks } from "./BandMarks.js";
+export { BandsPanel } from "./BandsPanel.js";
+export { IrAboutDialog } from "./IrAboutDialog.js";
+export { IrCanvas } from "./IrCanvas.js";
+export { IrChart } from "./IrChart.js";
+export { IrCommandProvider } from "./IrCommandProvider.js";
+export { IrCommandTooltip } from "./IrCommandTooltip.js";
+export { IrDocumentationDialog } from "./IrDocumentationDialog.js";
+export { IrEditor } from "./IrEditor.js";
+export { IrLogo } from "./IrLogo.js";
+export { IrPointerTracker } from "./IrPointerTracker.js";
+export { IrSidePanel } from "./IrSidePanel.js";
+export { IrStateProvider } from "./IrStateProvider.js";
+export { IrStatusBar } from "./IrStatusBar.js";
+export { IrToolbar } from "./IrToolbar.js";
+export { IrTraces } from "./IrTraces.js";
+export { MetadataPanel } from "./MetadataPanel.js";
+export { SpectraPanel } from "./SpectraPanel.js";
+export { SpectrumRow } from "./SpectrumRow.js";
+export { createIrActions } from "./irActions.js";
+export { useIrCommand, useIrCommandProps } from "./irCommandContext.js";
+export { useIrActions, useIrEditorState } from "./irStateContext.js";
+export { useIrEditor } from "./useIrEditor.js";
+export { sameIrReadout, useIrPointer } from "./useIrPointer.js";
+export { useIrShortcuts } from "./useIrShortcuts.js";
+export { useIrZoom } from "./useIrZoom.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ir/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAiB,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAgB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAe,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAyB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAwB,CAAC;AAE1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA6B,CAAC;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAgB,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAc,CAAC;AAEtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAwB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAuB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAiB,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAgB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAwB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/ir/ui/irActions.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 { IrAction } from '../core/irReducer.ts';
+import type { IrSidePanelId } from '../core/irSidePanels.ts';
+import type { IrDomain, IrSpectrum } from '../core/irSpectrum.ts';
+import type { IrSettings, IrTool, PartialIrState } from '../core/irState.ts';
+/** Everything the viewer can be asked to do. */
+export interface IrEditorActions {
+    /** Draw these as well as what is already open. */
+    addSpectra: (spectra: IrSpectrum[]) => void;
+    /** Draw these instead of what is open, and refit the window to them. */
+    setSpectra: (spectra: IrSpectrum[]) => 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, or stop drawing it. */
+    setSpectrumVisible: (id: string, visible: boolean) => void;
+    /** Point the panels at one, or at none. */
+    selectSpectrum: (id: string | null) => void;
+    /** Show this window. */
+    setDomain: (domain: IrDomain) => void;
+    /** Show what fits again. */
+    resetDomain: () => void;
+    /** Run this tool on the next drag. */
+    setTool: (tool: IrTool) => void;
+    /** Open or close a side panel. */
+    togglePanel: (panelId: IrSidePanelId) => void;
+    /** Say why something was refused, or that nothing is wrong any more. */
+    setError: (error: string | null) => void;
+    /** Change how the spectra are drawn and read. */
+    setSettings: (settings: Partial<IrSettings>) => void;
+    /** Take a whole state, as a host restoring one supplies it. */
+    loadState: (state: PartialIrState) => 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 createIrActions(dispatch: Dispatch<IrAction>): IrEditorActions;
+//# sourceMappingURL=irActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"irActions.d.ts","sourceRoot":"","sources":["../../../src/ir/ui/irActions.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAE7E,gDAAgD;AAChD,MAAM,WAAW,eAAe;IAC9B,kDAAkD;IAClD,UAAU,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAC5C,wEAAwE;IACxE,UAAU,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAC5C,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,oCAAoC;IACpC,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,2CAA2C;IAC3C,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,wBAAwB;IACxB,SAAS,EAAE,CAAC,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,4BAA4B;IAC5B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,sCAAsC;IACtC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,kCAAkC;IAClC,WAAW,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,wEAAwE;IACxE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,iDAAiD;IACjD,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACrD,+DAA+D;IAC/D,SAAS,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,gEAAgE;IAChE,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,GAAG,eAAe,CAgD7E"}

package/lib/ir/ui/irActions.js

@@ -0,0 +1,62 @@
+/**
+ * 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.
+ */
+/**
+ * Bind every action to a dispatch.
+ * @param dispatch - The reducer's dispatch.
+ * @returns The actions, stable for as long as the dispatch is.
+ */
+export function createIrActions(dispatch) {
+    return {
+        addSpectra(spectra) {
+            dispatch({ type: 'addSpectra', spectra });
+        },
+        setSpectra(spectra) {
+            dispatch({ type: 'setSpectra', spectra });
+        },
+        removeSpectrum(id) {
+            dispatch({ type: 'removeSpectrum', id });
+        },
+        renameSpectrum(id, name) {
+            dispatch({ type: 'renameSpectrum', id, name });
+        },
+        setSpectrumColor(id, color) {
+            dispatch({ type: 'setSpectrumColor', id, color });
+        },
+        setSpectrumVisible(id, visible) {
+            dispatch({ type: 'setSpectrumVisible', id, visible });
+        },
+        selectSpectrum(id) {
+            dispatch({ type: 'selectSpectrum', id });
+        },
+        setDomain(domain) {
+            dispatch({ type: 'setDomain', domain });
+        },
+        resetDomain() {
+            dispatch({ type: 'resetDomain' });
+        },
+        setTool(tool) {
+            dispatch({ type: 'setTool', tool });
+        },
+        togglePanel(panelId) {
+            dispatch({ type: 'togglePanel', panelId });
+        },
+        setError(error) {
+            dispatch({ type: 'setError', error });
+        },
+        setSettings(settings) {
+            dispatch({ type: 'setSettings', settings });
+        },
+        loadState(state) {
+            dispatch({ type: 'loadState', state });
+        },
+        clear() {
+            dispatch({ type: 'clear' });
+        },
+    };
+}
+//# sourceMappingURL=irActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"irActions.js","sourceRoot":"","sources":["../../../src/ir/ui/irActions.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA2CH;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,QAA4B;IAC1D,OAAO;QACL,UAAU,CAAC,OAAO;YAChB,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC;QAC5C,CAAC;QACD,UAAU,CAAC,OAAO;YAChB,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC;QAC5C,CAAC;QACD,cAAc,CAAC,EAAE;YACf,QAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;QAC3C,CAAC;QACD,cAAc,CAAC,EAAE,EAAE,IAAI;YACrB,QAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;QACjD,CAAC;QACD,gBAAgB,CAAC,EAAE,EAAE,KAAK;YACxB,QAAQ,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;QACpD,CAAC;QACD,kBAAkB,CAAC,EAAE,EAAE,OAAO;YAC5B,QAAQ,CAAC,EAAE,IAAI,EAAE,oBAAoB,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;QACxD,CAAC;QACD,cAAc,CAAC,EAAE;YACf,QAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;QAC3C,CAAC;QACD,SAAS,CAAC,MAAM;YACd,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;QAC1C,CAAC;QACD,WAAW;YACT,QAAQ,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC;QACpC,CAAC;QACD,OAAO,CAAC,IAAI;YACV,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACtC,CAAC;QACD,WAAW,CAAC,OAAO;YACjB,QAAQ,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC;QAC7C,CAAC;QACD,QAAQ,CAAC,KAAK;YACZ,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;QACxC,CAAC;QACD,WAAW,CAAC,QAAQ;YAClB,QAAQ,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC9C,CAAC;QACD,SAAS,CAAC,KAAK;YACb,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;QACzC,CAAC;QACD,KAAK;YACH,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;QAC9B,CAAC;KACF,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,116 @@
+/**
+ * What a consumer hands the chart, and what the chart tells it back.
+ *
+ * Held apart from the component because it is the whole of the chart's public
+ * API — every spectrum drawn, every band marked on it and every gesture that
+ * comes back out is one of these — while the component behind it is an assembly
+ * of half a dozen layers nobody needs to read in order to mount one.
+ *
+ * Everything arrives as a prop and nothing is reached for: the chart reads no
+ * context and no store, so the same component serves an editor, a report page
+ * that only ever draws one spectrum, and a test.
+ */
+import type { ReactNode } from 'react';
+import type { ZoomDragMode } from '../../chart/core/chartDomain.ts';
+import type { AssignedBand } from '../core/assignBands.ts';
+import type { IrBand } from '../core/irBand.ts';
+import type { IrDomain, IrMode, IrSpectrum } from '../core/irSpectrum.ts';
+export interface IrChartProps {
+    /** The spectra to draw, each saying in itself whether it is drawn. */
+    spectra: readonly IrSpectrum[];
+    /**
+     * Which value axis to draw them in.
+     *
+     * A prop rather than state, so the switch lives with whoever owns the toolbar
+     * that flips it — and so two charts of the same spectra can be shown side by
+     * side, one in each, which is the clearest way to see what the pair means.
+     * @default 'transmittance'
+     */
+    mode?: IrMode;
+    /**
+     * The bands to mark, with whatever the correlation table said about them.
+     *
+     * Handed in rather than picked here, because the same bands answer the chart,
+     * a table beside it and any assignment count — and picking three times over
+     * would let them disagree.
+     * @default no bands
+     */
+    assigned?: readonly AssignedBand[];
+    /**
+     * Whether each band label names its assignment as well as its wavenumber.
+     * @default false
+     */
+    showAssignments?: boolean;
+    /**
+     * At most how many bands are labelled; all of them are still marked.
+     * @default 12
+     */
+    labelLimit?: number;
+    /**
+     * The band the pointer has come to rest on, wherever it was hovered. The chart
+     * draws its mark larger, which is how a band hovered in a panel beside the
+     * chart shows up on the trace.
+     * @default null
+     */
+    highlight?: IrBand | null;
+    /**
+     * Told which band the pointer has come to rest on, and told `null` when it
+     * leaves — called only when the answer changes, so it is safe to hang a
+     * highlight that redraws half the page on it.
+     * @default undefined
+     */
+    onHighlight?: (band: IrBand | null) => void;
+    /**
+     * The window to show, `null` to let the chart show what fits.
+     *
+     * The chart holds a window of its own — where you are looking is neither saved
+     * nor undone — so this is an override rather than the chart's state. Every
+     * window a gesture arrives at is reported through `onDomainChange`, and a host
+     * that keeps one is expected to hand back what it is told. Handing back `null`
+     * where a window was is how a host asks for the fit again, which is what "zoom
+     * to fit" on a toolbar comes down to.
+     *
+     * `x` is in wavenumbers and runs low to high, whichever way the axis is drawn.
+     * @default null
+     */
+    domain?: IrDomain | null;
+    /**
+     * Told the window the chart has come to show, whenever it changes — a drag, a
+     * turn of the wheel, the double click that fits everything again, or a refit
+     * after what is drawn changed.
+     * @default undefined
+     */
+    onDomainChange?: (domain: IrDomain) => void;
+    /**
+     * What a drag across the plot asks for: the wavenumber axis alone, or exactly
+     * the rectangle it sweeps out. A viewer offering a square-zoom tool switches
+     * this while the tool is chosen.
+     * @default 'xAxis'
+     */
+    drag?: ZoomDragMode;
+    /**
+     * Identity of the spectrum drawn thicker than the rest, `null` for none.
+     * @default null
+     */
+    emphasisedId?: string | null;
+    /**
+     * How wide the chart is drawn, in pixels. Left out, it fills the box it is
+     * given and follows it as that box is resized.
+     * @default the width of its container
+     */
+    width?: number;
+    /**
+     * How tall it is drawn, in pixels.
+     * @default the height of its container
+     */
+    height?: number;
+    /**
+     * Anything else to draw over the spectra, in the same pixels and under the
+     * same clip — a band marking a region of interest, a second producer's layer,
+     * a ruler. It is rendered last inside the plot, so a host adds to the chart
+     * instead of forking it.
+     * @default undefined
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=irChartProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"irChartProps.d.ts","sourceRoot":"","sources":["../../../src/ir/ui/irChartProps.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAE1E,MAAM,WAAW,YAAY;IAC3B,sEAAsE;IACtE,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IAC/B;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IACnC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IACzB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC5C;;;;;OAKG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/lib/ir/ui/irChartProps.js

@@ -0,0 +1,14 @@
+/**
+ * What a consumer hands the chart, and what the chart tells it back.
+ *
+ * Held apart from the component because it is the whole of the chart's public
+ * API — every spectrum drawn, every band marked on it and every gesture that
+ * comes back out is one of these — while the component behind it is an assembly
+ * of half a dozen layers nobody needs to read in order to mount one.
+ *
+ * Everything arrives as a prop and nothing is reached for: the chart reads no
+ * context and no store, so the same component serves an editor, a report page
+ * that only ever draws one spectrum, and a test.
+ */
+export {};
+//# sourceMappingURL=irChartProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"irChartProps.js","sourceRoot":"","sources":["../../../src/ir/ui/irChartProps.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG"}