react-cheminfo 0.9.0 → 0.11.0

package/lib/spectra/ui/CalculationRows.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, InputGroup } from '@blueprintjs/core';
+import { useState } from 'react';
+import { fitKeys, nextKey } from "./rowKeys.js";
+/**
+ * The formulas evaluated once per spectrum, over the range integrals.
+ *
+ * The formula box is monospaced and has spellchecking off because what goes in
+ * it is code, not prose: it is compiled into a function whose parameters are
+ * the range names, so a name that does not match a range throws at the moment
+ * the data is asked for rather than here.
+ * @param props - See {@link CalculationRowsProps}.
+ * @returns The list and the button that adds to it.
+ */
+export function CalculationRows(props) {
+    const { value, onChange } = props;
+    const [rowKeys, setRowKeys] = useState(() => value.map((_, index) => index));
+    if (rowKeys.length !== value.length) {
+        setRowKeys(fitKeys(rowKeys, value.length));
+    }
+    function write(index, patch) {
+        onChange(value.map((held, at) => (at === index ? { ...held, ...patch } : held)));
+    }
+    return (_jsxs("div", { style: LIST_STYLE, children: [value.length === 0 ? (_jsx("span", { style: EMPTY_STYLE, children: "None \u2014 only the ranges are reported." })) : null, value.map((calculation, index) => (_jsxs("div", { style: ROW_STYLE, children: [_jsxs("label", { style: NAME_FIELD_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: "Name" }), _jsx(InputGroup, { size: "small", fill: true, "aria-label": `Name of calculation ${String(index + 1)}`, placeholder: "what the number is called", spellCheck: false, autoComplete: "off", value: calculation.label, onValueChange: (label) => {
+                                    write(index, { label });
+                                } })] }), _jsxs("label", { style: FORMULA_FIELD_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: "Formula" }), _jsx(InputGroup, { size: "small", fill: true, "aria-label": `Formula of calculation ${String(index + 1)}`, placeholder: "aromatic / aliphatic", style: FORMULA_STYLE, spellCheck: false, autoCapitalize: "off", autoCorrect: "off", autoComplete: "off", value: calculation.formula, onValueChange: (formula) => {
+                                    write(index, { formula });
+                                } })] }), _jsx(Button, { icon: "cross", variant: "minimal", size: "small", "aria-label": `Remove calculation ${String(index + 1)}`, onClick: () => {
+                            setRowKeys(rowKeys.filter((_, at) => at !== index));
+                            onChange(value.filter((_, at) => at !== index));
+                        } })] }, rowKeys[index] ?? index))), _jsx("div", { children: _jsx(Button, { icon: "plus", size: "small", text: "Add a calculation", onClick: () => {
+                        setRowKeys([...rowKeys, nextKey(rowKeys)]);
+                        onChange([...value, { label: '', formula: '' }]);
+                    } }) }), _jsx("span", { style: HELP_STYLE, children: "A formula reads the range names as variables, and each one holds that range's integral." })] }));
+}
+const LIST_STYLE = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 6,
+};
+const ROW_STYLE = {
+    display: 'flex',
+    flexWrap: 'wrap',
+    alignItems: 'flex-end',
+    gap: 8,
+};
+const NAME_FIELD_STYLE = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 2,
+    minWidth: 140,
+    flex: '1 1 140px',
+};
+const FORMULA_FIELD_STYLE = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 2,
+    minWidth: 200,
+    flex: '2 1 200px',
+};
+const LABEL_STYLE = {
+    fontSize: 11,
+    fontWeight: 600,
+    color: 'var(--text-muted, #5b6875)',
+};
+const FORMULA_STYLE = {
+    fontFamily: 'ui-monospace, SFMono-Regular, monospace',
+};
+const EMPTY_STYLE = {
+    fontSize: 12,
+    color: 'var(--text-faint, #8a96a3)',
+};
+const HELP_STYLE = {
+    fontSize: 11,
+    color: 'var(--text-faint, #8a96a3)',
+};
+//# sourceMappingURL=CalculationRows.js.map

package/lib/spectra/ui/CalculationRows.js.map

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

package/lib/spectra/ui/FilterChainEditor.d.ts

@@ -0,0 +1,34 @@
+import type { ReactElement } from 'react';
+import type { SettingsProblem } from '../core/problems.ts';
+import type { SpectrumFilter } from '../core/settings.ts';
+/** What {@link FilterChainEditor} edits. */
+export interface FilterChainEditorProps {
+    /** The steps, in the order they run on every spectrum. */
+    value: readonly SpectrumFilter[];
+    /** Called with the new chain on every edit. */
+    onChange: (chain: SpectrumFilter[]) => void;
+    /**
+     * The problems to show, when a panel already works out the whole settings'.
+     * @default undefined — the editor works out the chain's own with `chainProblems`
+     */
+    problems?: readonly SettingsProblem[];
+    /**
+     * Whether the settings resample before the chain runs, which decides whether
+     * cropping and rewriting the x axis are safe here.
+     * @default false — the resampling runs after the chain
+     */
+    resampleFirst?: boolean;
+}
+/**
+ * The per-spectrum chain: the ordered steps every spectrum is run through.
+ *
+ * The steps are drawn as a numbered list with their options open, because the
+ * order is the meaning — scaling before a baseline is removed measures an
+ * offset that is about to change — and a folded-away option is a change to the
+ * data nobody can see. Each step's advice is drawn against the step it is
+ * about; only what the chain as a whole gets wrong is drawn under the list.
+ * @param props - See {@link FilterChainEditorProps}.
+ * @returns The chain editor.
+ */
+export declare function FilterChainEditor(props: FilterChainEditorProps): ReactElement;
+//# sourceMappingURL=FilterChainEditor.d.ts.map

package/lib/spectra/ui/FilterChainEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChainEditor.d.ts","sourceRoot":"","sources":["../../../src/spectra/ui/FilterChainEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAgBzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAsB,MAAM,qBAAqB,CAAC;AAK9E,4CAA4C;AAC5C,MAAM,WAAW,sBAAsB;IACrC,0DAA0D;IAC1D,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IACjC,+CAA+C;IAC/C,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACtC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CA2G7E"}

package/lib/spectra/ui/FilterChainEditor.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Callout, HTMLSelect } from '@blueprintjs/core';
+import { useState } from 'react';
+import { chainProblems } from "../core/chainProblems.js";
+import { filterEntry, filterMenu, filterStepLabel, } from "../core/filterCatalog.js";
+import { addFilter, duplicateFilter, moveFilter, removeFilter, } from "../core/filterChain.js";
+import { FILTER_GROUP_LABELS } from "../core/filterFields.js";
+import { FilterRow } from "./FilterRow.js";
+import { fitKeys, nextKey } from "./rowKeys.js";
+/**
+ * The per-spectrum chain: the ordered steps every spectrum is run through.
+ *
+ * The steps are drawn as a numbered list with their options open, because the
+ * order is the meaning — scaling before a baseline is removed measures an
+ * offset that is about to change — and a folded-away option is a change to the
+ * data nobody can see. Each step's advice is drawn against the step it is
+ * about; only what the chain as a whole gets wrong is drawn under the list.
+ * @param props - See {@link FilterChainEditorProps}.
+ * @returns The chain editor.
+ */
+export function FilterChainEditor(props) {
+    const { value, onChange, problems, resampleFirst = false } = props;
+    const [rowKeys, setRowKeys] = useState(() => value.map((_, index) => index));
+    // A step carries no identity of its own, so one is kept beside the chain:
+    // without it React reuses a removed step's boxes for the step that slides up,
+    // and a half-typed number goes with the wrong filter.
+    if (rowKeys.length !== value.length) {
+        setRowKeys(fitKeys(rowKeys, value.length));
+    }
+    // Not given and given empty mean different things: a panel that has already
+    // checked the whole settings passes its own list, which may legitimately be
+    // empty, while a panel that has not passes nothing and gets the chain's own.
+    const found = problems ?? chainProblems(value, resampleFirst);
+    const chainWide = [];
+    const byStep = new Map();
+    for (const issue of found) {
+        if (issue.where === CHAIN_WIDE) {
+            chainWide.push(issue);
+            continue;
+        }
+        const held = byStep.get(issue.where);
+        if (held === undefined)
+            byStep.set(issue.where, [issue]);
+        else
+            held.push(issue);
+    }
+    function move(index, offset) {
+        const target = index + offset;
+        if (target < 0 || target >= value.length)
+            return;
+        const keys = [...rowKeys];
+        const [moved] = keys.splice(index, 1);
+        if (moved !== undefined)
+            keys.splice(target, 0, moved);
+        setRowKeys(keys);
+        onChange(moveFilter(value, index, offset));
+    }
+    return (_jsxs("div", { style: CHAIN_STYLE, children: [value.length === 0 ? (_jsx("span", { style: EMPTY_STYLE, children: "No steps \u2014 every spectrum is only brought onto the shared x grid." })) : null, value.map((step, index) => (_jsx(FilterRow, { filter: step, position: index, count: value.length, problems: byStep.get(filterStepLabel(step.name, index)) ?? NO_PROBLEMS, onChange: (edited) => {
+                    onChange(value.map((held, at) => (at === index ? edited : held)));
+                }, onMove: (offset) => {
+                    move(index, offset);
+                }, onDuplicate: () => {
+                    const keys = [...rowKeys];
+                    keys.splice(index + 1, 0, nextKey(rowKeys));
+                    setRowKeys(keys);
+                    onChange(duplicateFilter(value, index));
+                }, onRemove: () => {
+                    setRowKeys(rowKeys.filter((_, at) => at !== index));
+                    onChange(removeFilter(value, index));
+                } }, rowKeys[index] ?? index))), chainWide.map((issue) => (_jsx(Callout, { intent: issue.severity === 'error' ? 'danger' : 'warning', compact: true, children: issue.message }, issue.message))), _jsx("div", { style: ADD_STYLE, children: _jsxs(HTMLSelect, { value: "", "aria-label": "Add a step", onChange: (event) => {
+                        const name = stepNamed(event.currentTarget.value);
+                        if (name === undefined)
+                            return;
+                        setRowKeys([...rowKeys, nextKey(rowKeys)]);
+                        onChange(addFilter(value, name));
+                    }, children: [_jsx("option", { value: "", children: "Add a step\u2026" }), filterMenu().map(({ group, names }) => (_jsx("optgroup", { label: FILTER_GROUP_LABELS[group], children: names.map((name) => (_jsx("option", { value: name, children: filterEntry(name).label }, name))) }, group)))] }) })] }));
+}
+/**
+ * The step the menu's value names.
+ *
+ * Read back off the menu rather than asserted, so a stale value picked up from
+ * anywhere adds nothing instead of a step `filterXY` throws on.
+ * @param chosen - What the select holds.
+ * @returns The step name, or undefined when nothing is named.
+ */
+function stepNamed(chosen) {
+    for (const { names } of filterMenu()) {
+        for (const name of names) {
+            if (name === chosen)
+                return name;
+        }
+    }
+    return undefined;
+}
+/** How `chainProblems` labels what the chain as a whole gets wrong. */
+const CHAIN_WIDE = 'The chain';
+/** One shared empty list, so a step with no problems re-renders nothing. */
+const NO_PROBLEMS = [];
+const CHAIN_STYLE = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 8,
+};
+const EMPTY_STYLE = {
+    fontSize: 12,
+    color: 'var(--text-faint, #8a96a3)',
+};
+const ADD_STYLE = {
+    display: 'flex',
+};
+//# sourceMappingURL=FilterChainEditor.js.map

package/lib/spectra/ui/FilterChainEditor.js.map

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

package/lib/spectra/ui/FilterChoiceControl.d.ts

@@ -0,0 +1,23 @@
+import type { ReactElement } from 'react';
+import type { FilterField } from '../core/filterFields.ts';
+/** What {@link FilterChoiceControl} edits. */
+export interface FilterChoiceControlProps {
+    /** Which option of the step is edited, and how. */
+    field: FilterField;
+    /** What the step holds for it, whatever shape that turns out to be. */
+    value: unknown;
+    /** Called with the new value, or with undefined to go back to the default. */
+    onChange: (value: unknown) => void;
+}
+/**
+ * A chain step's option that is not a number: a switch, a choice, a formula.
+ *
+ * These three sit apart from the numbers because each carries its own idea of
+ * "not set" — an unticked switch is a value, an unpicked choice is not, and an
+ * empty formula is neither — and a single control trying to hold all three
+ * reads as a puzzle.
+ * @param props - See {@link FilterChoiceControlProps}.
+ * @returns The labelled control.
+ */
+export declare function FilterChoiceControl(props: FilterChoiceControlProps): ReactElement;
+//# sourceMappingURL=FilterChoiceControl.d.ts.map

package/lib/spectra/ui/FilterChoiceControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChoiceControl.d.ts","sourceRoot":"","sources":["../../../src/spectra/ui/FilterChoiceControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,8CAA8C;AAC9C,MAAM,WAAW,wBAAwB;IACvC,mDAAmD;IACnD,KAAK,EAAE,WAAW,CAAC;IACnB,uEAAuE;IACvE,KAAK,EAAE,OAAO,CAAC;IACf,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AAED;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,wBAAwB,GAC9B,YAAY,CAyFd"}

package/lib/spectra/ui/FilterChoiceControl.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { HTMLSelect, InputGroup, Switch } from '@blueprintjs/core';
+/**
+ * A chain step's option that is not a number: a switch, a choice, a formula.
+ *
+ * These three sit apart from the numbers because each carries its own idea of
+ * "not set" — an unticked switch is a value, an unpicked choice is not, and an
+ * empty formula is neither — and a single control trying to hold all three
+ * reads as a puzzle.
+ * @param props - See {@link FilterChoiceControlProps}.
+ * @returns The labelled control.
+ */
+export function FilterChoiceControl(props) {
+    const { field, value, onChange } = props;
+    if (field.kind === 'boolean') {
+        return (_jsxs("div", { style: FIELD_STYLE, children: [_jsx(Switch, { checked: value === true, label: field.label, style: SWITCH_STYLE, onChange: (event) => {
+                        onChange(event.currentTarget.checked);
+                    } }), field.help === undefined ? null : (_jsx("span", { style: HELP_STYLE, children: field.help }))] }));
+    }
+    if (field.kind === 'enum') {
+        return (_jsxs("label", { style: FIELD_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: field.label }), _jsxs(HTMLSelect, { fill: true, value: typeof value === 'string' ? value : '', onChange: (event) => {
+                        const chosen = event.currentTarget.value;
+                        onChange(chosen === '' ? undefined : chosen);
+                    }, children: [_jsx("option", { value: "", children: "Default" }), (field.choices ?? []).map((choice) => (_jsx("option", { value: choice.value, children: choice.label }, choice.value)))] }), field.help === undefined ? null : (_jsx("span", { style: HELP_STYLE, children: field.help }))] }));
+    }
+    if (field.kind === 'formula') {
+        return (_jsxs("label", { style: FORMULA_FIELD_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: field.label }), _jsx(InputGroup, { size: "small", fill: true, style: MONOSPACE_STYLE, value: typeof value === 'string' ? value : '', spellCheck: false, autoCapitalize: "off", autoCorrect: "off", autoComplete: "off", onValueChange: (text) => {
+                        onChange(text === '' ? undefined : text);
+                    } }), field.help === undefined ? null : (_jsx("span", { style: HELP_STYLE, children: field.help }))] }));
+    }
+    return (_jsxs("label", { style: FIELD_STYLE, children: [_jsx("span", { style: LABEL_STYLE, children: field.label }), _jsx(InputGroup, { size: "small", fill: true, value: typeof value === 'string' ? value : '', spellCheck: false, autoComplete: "off", onValueChange: (text) => {
+                    onChange(text === '' ? undefined : text);
+                } }), field.help === undefined ? null : (_jsx("span", { style: HELP_STYLE, children: field.help }))] }));
+}
+const FIELD_STYLE = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 2,
+    minWidth: 120,
+    flex: '1 1 120px',
+};
+const FORMULA_FIELD_STYLE = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 2,
+    minWidth: 220,
+    flex: '1 1 220px',
+};
+const LABEL_STYLE = {
+    fontSize: 11,
+    fontWeight: 600,
+    color: 'var(--text-muted, #5b6875)',
+};
+const HELP_STYLE = {
+    fontSize: 11,
+    color: 'var(--text-faint, #8a96a3)',
+};
+const SWITCH_STYLE = {
+    margin: 0,
+    fontSize: 12,
+};
+const MONOSPACE_STYLE = {
+    fontFamily: 'monospace',
+};
+//# sourceMappingURL=FilterChoiceControl.js.map

package/lib/spectra/ui/FilterChoiceControl.js.map

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

package/lib/spectra/ui/FilterFieldControl.d.ts

@@ -0,0 +1,25 @@
+import type { ReactElement } from 'react';
+import type { FilterField } from '../core/filterFields.ts';
+import type { SpectrumFilter } from '../core/settings.ts';
+/** What {@link FilterFieldControl} edits. */
+export interface FilterFieldControlProps {
+    /** Which option of the step is edited, and how. */
+    field: FilterField;
+    /** The step the option sits in. */
+    filter: SpectrumFilter;
+    /** Called with the step carrying the new value. */
+    onChange: (filter: SpectrumFilter) => void;
+}
+/**
+ * One option of one chain step, drawn as whatever its kind asks for.
+ *
+ * A step's options are the only thing that says what it will do to the data, so
+ * they are drawn open rather than behind a disclosure: a chain read with them
+ * folded away is a list of names. Emptying a control writes nothing at all
+ * rather than a blank value, which is the only way back to upstream's own
+ * default once a reader has typed over it.
+ * @param props - See {@link FilterFieldControlProps}.
+ * @returns The labelled control.
+ */
+export declare function FilterFieldControl(props: FilterFieldControlProps): ReactElement;
+//# sourceMappingURL=FilterFieldControl.d.ts.map

package/lib/spectra/ui/FilterFieldControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterFieldControl.d.ts","sourceRoot":"","sources":["../../../src/spectra/ui/FilterFieldControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAO1D,6CAA6C;AAC7C,MAAM,WAAW,uBAAuB;IACtC,mDAAmD;IACnD,KAAK,EAAE,WAAW,CAAC;IACnB,mCAAmC;IACnC,MAAM,EAAE,cAAc,CAAC;IACvB,mDAAmD;IACnD,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,uBAAuB,GAC7B,YAAY,CAmCd"}

package/lib/spectra/ui/FilterFieldControl.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { readFilterOption, setFilterOption } from "../core/filterChain.js";
+import { FilterChoiceControl } from "./FilterChoiceControl.js";
+import { NumberField } from "./NumberField.js";
+import { ZoneRows } from "./ZoneRows.js";
+/**
+ * One option of one chain step, drawn as whatever its kind asks for.
+ *
+ * A step's options are the only thing that says what it will do to the data, so
+ * they are drawn open rather than behind a disclosure: a chain read with them
+ * folded away is a list of names. Emptying a control writes nothing at all
+ * rather than a blank value, which is the only way back to upstream's own
+ * default once a reader has typed over it.
+ * @param props - See {@link FilterFieldControlProps}.
+ * @returns The labelled control.
+ */
+export function FilterFieldControl(props) {
+    const { field, filter, onChange } = props;
+    const value = readFilterOption(filter, field.key);
+    function write(next) {
+        onChange(setFilterOption(filter, field.key, next));
+    }
+    if (field.kind === 'zones') {
+        return (_jsx(ZoneRows, { label: field.label, value: asZones(value), help: field.help, onChange: (zones) => {
+                write(zones.length === 0 ? undefined : zones);
+            } }));
+    }
+    if (field.kind !== 'integer' && field.kind !== 'number') {
+        return _jsx(FilterChoiceControl, { field: field, value: value, onChange: write });
+    }
+    return (_jsx(NumberField, { label: field.label, value: typeof value === 'number' ? value : undefined, placeholder: field.placeholder, help: field.help, integer: field.kind === 'integer', onChange: write }));
+}
+/**
+ * The value read back as a list of x stretches.
+ *
+ * The settings are a plain object a reader may have pasted in, so anything that
+ * is not a list of bounded zones is read as no zones at all rather than handed
+ * to a control that would then show `NaN`.
+ * @param value - What the step holds under the field's key.
+ * @returns The zones, empty when the value is not a list of them.
+ */
+function asZones(value) {
+    const held = Array.isArray(value) ? value : [];
+    return held.filter(isZone);
+}
+/**
+ * Whether a value is one x stretch.
+ * @param value - One entry of the list.
+ * @returns True when both bounds are numbers or absent.
+ */
+function isZone(value) {
+    if (typeof value !== 'object' || value === null)
+        return false;
+    if ('from' in value && !isBound(value.from))
+        return false;
+    if ('to' in value && !isBound(value.to))
+        return false;
+    return true;
+}
+/**
+ * Whether a bound is one a number box can show.
+ * @param value - What the zone holds.
+ * @returns True when it is a number or nothing.
+ */
+function isBound(value) {
+    return value === undefined || typeof value === 'number';
+}
+//# sourceMappingURL=FilterFieldControl.js.map

package/lib/spectra/ui/FilterFieldControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterFieldControl.js","sourceRoot":"","sources":["../../../src/spectra/ui/FilterFieldControl.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAI3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA2B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAgB,CAAC;AAY1C;;;;;;;;;;GAUG;AACH,MAAM,UAAU,kBAAkB,CAChC,KAA8B;IAE9B,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,KAAK,GAAG,gBAAgB,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAElD,SAAS,KAAK,CAAC,IAAa;QAC1B,QAAQ,CAAC,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;IACrD,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC3B,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,EACrB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YAChD,CAAC,GACD,CACH,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QACxD,OAAO,KAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAI,CAAC;IAC9E,CAAC;IAED,OAAO,CACL,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACpD,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,KAAK,CAAC,IAAI,KAAK,SAAS,EACjC,QAAQ,EAAE,KAAK,GACf,CACH,CAAC;AACJ,CAAC;AAED;;;;;;;;GAQG;AACH,SAAS,OAAO,CAAC,KAAc;IAC7B,MAAM,IAAI,GAAuB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACnE,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AAC7B,CAAC;AAED;;;;GAIG;AACH,SAAS,MAAM,CAAC,KAAc;IAC5B,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,KAAK,CAAC;IAC9D,IAAI,MAAM,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;QAAE,OAAO,KAAK,CAAC;IAC1D,IAAI,IAAI,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAAE,OAAO,KAAK,CAAC;IACtD,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;GAIG;AACH,SAAS,OAAO,CAAC,KAAc;IAC7B,OAAO,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;AAC1D,CAAC"}

package/lib/spectra/ui/FilterRow.d.ts

@@ -0,0 +1,33 @@
+import type { ReactElement } from 'react';
+import type { SettingsProblem } from '../core/problems.ts';
+import type { SpectrumFilter } from '../core/settings.ts';
+/** What {@link FilterRow} draws and edits. */
+export interface FilterRowProps {
+    /** The step, as the settings hold it. */
+    filter: SpectrumFilter;
+    /** Where it sits in the chain, counted from zero. */
+    position: number;
+    /** How many steps the chain holds, so the end moves can be refused. */
+    count: number;
+    /** This step's problems, already picked out of the chain's. */
+    problems: readonly SettingsProblem[];
+    /** Called with the step carrying its new options. */
+    onChange: (filter: SpectrumFilter) => void;
+    /** Called with how far to move the step, negative towards the start. */
+    onMove: (offset: number) => void;
+    /** Called to repeat the step just after itself. */
+    onDuplicate: () => void;
+    /** Called to drop the step. */
+    onRemove: () => void;
+}
+/**
+ * One step of the chain: what it does, what it is set to, and what is wrong.
+ *
+ * The number in front of the name is the whole point of the row — a chain means
+ * nothing but the order it runs in, so the position, the two moves and the
+ * step's own advice sit together where a reader can act on all three at once.
+ * @param props - See {@link FilterRowProps}.
+ * @returns The step's card.
+ */
+export declare function FilterRow(props: FilterRowProps): ReactElement;
+//# sourceMappingURL=FilterRow.d.ts.map

package/lib/spectra/ui/FilterRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterRow.d.ts","sourceRoot":"","sources":["../../../src/spectra/ui/FilterRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAIzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI1D,8CAA8C;AAC9C,MAAM,WAAW,cAAc;IAC7B,yCAAyC;IACzC,MAAM,EAAE,cAAc,CAAC;IACvB,qDAAqD;IACrD,QAAQ,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,QAAQ,EAAE,SAAS,eAAe,EAAE,CAAC;IACrC,qDAAqD;IACrD,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,wEAAwE;IACxE,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,mDAAmD;IACnD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,+BAA+B;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAwF7D"}

package/lib/spectra/ui/FilterRow.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Callout, Tag } from '@blueprintjs/core';
+import { findFilterEntry } from "../core/filterCatalog.js";
+import { FilterFieldControl } from "./FilterFieldControl.js";
+/**
+ * One step of the chain: what it does, what it is set to, and what is wrong.
+ *
+ * The number in front of the name is the whole point of the row — a chain means
+ * nothing but the order it runs in, so the position, the two moves and the
+ * step's own advice sit together where a reader can act on all three at once.
+ * @param props - See {@link FilterRowProps}.
+ * @returns The step's card.
+ */
+export function FilterRow(props) {
+    const { filter, position, count, problems, onChange, onMove, onDuplicate, onRemove, } = props;
+    const entry = findFilterEntry(filter.name) ?? unknownEntry(filter.name);
+    return (_jsxs("div", { style: ROW_STYLE, children: [_jsxs("div", { style: HEADER_STYLE, children: [_jsx(Tag, { minimal: true, round: true, children: String(position + 1) }), _jsx("span", { style: TITLE_STYLE, children: entry.label }), _jsx("span", { style: SPACER_STYLE }), _jsx(Button, { icon: "arrow-up", variant: "minimal", size: "small", disabled: position === 0, "aria-label": `Move ${entry.label} up`, onClick: () => {
+                            onMove(-1);
+                        } }), _jsx(Button, { icon: "arrow-down", variant: "minimal", size: "small", disabled: position === count - 1, "aria-label": `Move ${entry.label} down`, onClick: () => {
+                            onMove(1);
+                        } }), _jsx(Button, { icon: "duplicate", variant: "minimal", size: "small", "aria-label": `Repeat ${entry.label}`, onClick: onDuplicate }), _jsx(Button, { icon: "cross", variant: "minimal", size: "small", "aria-label": `Remove ${entry.label}`, onClick: onRemove })] }), _jsx("span", { style: SUMMARY_STYLE, children: entry.summary }), entry.fixed === undefined ? null : (_jsx("span", { style: FIXED_STYLE, children: `Fixed upstream: ${entry.fixed}` })), entry.caution === undefined ? null : (_jsx(Callout, { intent: "warning", compact: true, children: entry.caution })), entry.fields.length === 0 ? null : (_jsx("div", { style: FIELDS_STYLE, children: entry.fields.map((field) => (_jsx(FilterFieldControl, { field: field, filter: filter, onChange: onChange }, field.key))) })), problems.map((issue) => (_jsx(Callout, { intent: issue.severity === 'error' ? 'danger' : 'warning', compact: true, children: issue.message }, issue.message)))] }));
+}
+/**
+ * What a row shows for a step the catalog does not describe.
+ *
+ * A chain can carry a name this editor has never heard of — the settings the
+ * processor takes are typed `{ name: string }` — and a row naming it beats a
+ * page that will not render.
+ * @param name - The step's name, as the settings hold it.
+ * @returns An entry with the name for a label and nothing to edit.
+ */
+function unknownEntry(name) {
+    return {
+        label: name,
+        group: 'utility',
+        summary: 'This editor does not know this step, so its options are left as they are.',
+        fields: [],
+    };
+}
+const ROW_STYLE = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 6,
+    padding: 10,
+    border: '1px solid var(--border, #d7dde4)',
+    borderRadius: 'var(--radius, 6px)',
+    background: 'var(--surface-raised, #ffffff)',
+};
+const HEADER_STYLE = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: 6,
+};
+const TITLE_STYLE = {
+    fontSize: 13,
+    fontWeight: 600,
+    color: 'var(--text, #1c2127)',
+};
+const SPACER_STYLE = {
+    flex: '1 1 auto',
+};
+const SUMMARY_STYLE = {
+    fontSize: 12,
+    color: 'var(--text-muted, #5b6875)',
+};
+const FIXED_STYLE = {
+    fontSize: 11,
+    color: 'var(--text-faint, #8a96a3)',
+};
+const FIELDS_STYLE = {
+    display: 'flex',
+    flexWrap: 'wrap',
+    alignItems: 'flex-start',
+    gap: 10,
+};
+//# sourceMappingURL=FilterRow.js.map

package/lib/spectra/ui/FilterRow.js.map

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

package/lib/spectra/ui/MatrixFilterRows.d.ts

@@ -0,0 +1,22 @@
+import type { ReactElement } from 'react';
+import type { MatrixFilter } from '../core/settings.ts';
+/** What {@link MatrixFilterRows} edits. */
+export interface MatrixFilterRowsProps {
+    /** The steps, in the order the matrix goes through them. */
+    value: readonly MatrixFilter[];
+    /** Called with the new list on every edit. */
+    onChange: (filters: MatrixFilter[]) => void;
+}
+/**
+ * The steps that work across spectra rather than along one.
+ *
+ * The processor's own switch knows exactly three names and throws on a fourth,
+ * so the menu offers those three and nothing else — a name typed by hand is the
+ * one way this stage fails, and there is no reason to leave that door open.
+ * Order matters here as much as in the chain: centring a matrix that is about
+ * to be rescaled is not the same as rescaling a centred one.
+ * @param props - See {@link MatrixFilterRowsProps}.
+ * @returns The ordered list and the menu that adds to it.
+ */
+export declare function MatrixFilterRows(props: MatrixFilterRowsProps): ReactElement;
+//# sourceMappingURL=MatrixFilterRows.d.ts.map

package/lib/spectra/ui/MatrixFilterRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatrixFilterRows.d.ts","sourceRoot":"","sources":["../../../src/spectra/ui/MatrixFilterRows.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAWxD,2CAA2C;AAC3C,MAAM,WAAW,qBAAqB;IACpC,4DAA4D;IAC5D,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAC/B,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CAC7C;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CAuG3E"}