react-cheminfo 0.10.0 → 0.12.0

package/lib/spectra/ui/CalculationRows.js

@@ -1,7 +1,7 @@
-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";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { InputGroup } from '@blueprintjs/core';
+import { EditableRows } from "./EditableRows.js";
+import { LABEL_STYLE, MONOSPACE_STYLE, sizedFieldStyle, } from "./fieldStyles.js";
 /**
  * The formulas evaluated once per spectrum, over the range integrals.
  *
@@ -14,64 +14,30 @@ import { fitKeys, nextKey } from "./rowKeys.js";
  */
 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." })] }));
+    return (_jsx(EditableRows, { value: value, onChange: onChange, emptyText: "None \u2014 only the ranges are reported.", addText: "Add a calculation", newEntry: newCalculation, removeLabel: removeLabel, help: HELP, renderRow: (calculation, index, replace) => (_jsxs(_Fragment, { 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) => {
+                                replace({ ...calculation, 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: MONOSPACE_STYLE, spellCheck: false, autoCapitalize: "off", autoCorrect: "off", autoComplete: "off", value: calculation.formula, onValueChange: (formula) => {
+                                replace({ ...calculation, formula });
+                            } })] })] })) }));
 }
-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)',
-};
+/**
+ * The row a new calculation opens with: nothing named, nothing written.
+ * @returns The calculation.
+ */
+function newCalculation() {
+    return { label: '', formula: '' };
+}
+/**
+ * What a screen reader calls one row's remove button.
+ * @param index - The row, counting from zero.
+ * @returns The label.
+ */
+function removeLabel(index) {
+    return `Remove calculation ${String(index + 1)}`;
+}
+const HELP = [
+    "A formula reads the range names as variables, and each one holds that range's integral.",
+];
+const NAME_FIELD_STYLE = sizedFieldStyle(140);
+const FORMULA_FIELD_STYLE = sizedFieldStyle(200, 2);
 //# sourceMappingURL=CalculationRows.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CalculationRows.js","sourceRoot":"","sources":["../../../src/spectra/ui/CalculationRows.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAUhD;;;;;;;;;GASG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAoB,GAAG,EAAE,CAC7D,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAC/B,CAAC;IAEF,IAAI,OAAO,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,EAAE,CAAC;QACpC,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7C,CAAC;IAED,SAAS,KAAK,CAAC,KAAa,EAAE,KAAkC;QAC9D,QAAQ,CACN,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CACvE,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,KAAK,EAAE,UAAU,aACnB,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACpB,eAAM,KAAK,EAAE,WAAW,0DAA6C,CACtE,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,eAAmC,KAAK,EAAE,SAAS,aACjD,iBAAO,KAAK,EAAE,gBAAgB,aAC5B,eAAM,KAAK,EAAE,WAAW,qBAAa,EACrC,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,IAAI,sBACQ,uBAAuB,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,EACtD,WAAW,EAAC,2BAA2B,EACvC,UAAU,EAAE,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;oCACvB,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;gCAC1B,CAAC,GACD,IACI,EACR,iBAAO,KAAK,EAAE,mBAAmB,aAC/B,eAAM,KAAK,EAAE,WAAW,wBAAgB,EACxC,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,IAAI,sBACQ,0BAA0B,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,EACzD,WAAW,EAAC,sBAAsB,EAClC,KAAK,EAAE,aAAa,EACpB,UAAU,EAAE,KAAK,EACjB,cAAc,EAAC,KAAK,EACpB,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,KAAK,EAAE,WAAW,CAAC,OAAO,EAC1B,aAAa,EAAE,CAAC,OAAO,EAAE,EAAE;oCACzB,KAAK,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;gCAC5B,CAAC,GACD,IACI,EACR,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,gBACA,sBAAsB,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,EACrD,OAAO,EAAE,GAAG,EAAE;4BACZ,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC;4BACpD,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC;wBAClD,CAAC,GACD,KA3CM,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CA4C3B,CACP,CAAC,EACF,wBACE,KAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,mBAAmB,EACxB,OAAO,EAAE,GAAG,EAAE;wBACZ,UAAU,CAAC,CAAC,GAAG,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;wBAC3C,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;oBACnD,CAAC,GACD,GACE,EACN,eAAM,KAAK,EAAE,UAAU,wGAGhB,IACH,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG;IACjB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,CAAC;CAC0B,CAAC;AAEnC,MAAM,SAAS,GAAG;IAChB,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,UAAU;IACtB,GAAG,EAAE,CAAC;CAC0B,CAAC;AAEnC,MAAM,gBAAgB,GAAG;IACvB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,CAAC;IACN,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,WAAW;CACe,CAAC;AAEnC,MAAM,mBAAmB,GAAG;IAC1B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,CAAC;IACN,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,WAAW;CACe,CAAC;AAEnC,MAAM,WAAW,GAAG;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,4BAA4B;CACH,CAAC;AAEnC,MAAM,aAAa,GAAG;IACpB,UAAU,EAAE,yCAAyC;CACrB,CAAC;AAEnC,MAAM,WAAW,GAAG;IAClB,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,4BAA4B;CACH,CAAC;AAEnC,MAAM,UAAU,GAAG;IACjB,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,4BAA4B;CACH,CAAC"}
+{"version":3,"file":"CalculationRows.js","sourceRoot":"","sources":["../../../src/spectra/ui/CalculationRows.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAK/C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAC;AAClD,OAAO,EACL,WAAW,EACX,eAAe,EACf,eAAe,GAChB,MAAM,kBAAkB,CAAC;AAU1B;;;;;;;;;GASG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElC,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,2CAAsC,EAChD,OAAO,EAAC,mBAAmB,EAC3B,QAAQ,EAAE,cAAc,EACxB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CAC1C,8BACE,iBAAO,KAAK,EAAE,gBAAgB,aAC5B,eAAM,KAAK,EAAE,WAAW,qBAAa,EACrC,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,IAAI,sBACQ,uBAAuB,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,EACtD,WAAW,EAAC,2BAA2B,EACvC,UAAU,EAAE,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;gCACvB,OAAO,CAAC,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;4BACrC,CAAC,GACD,IACI,EACR,iBAAO,KAAK,EAAE,mBAAmB,aAC/B,eAAM,KAAK,EAAE,WAAW,wBAAgB,EACxC,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,IAAI,sBACQ,0BAA0B,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,EACzD,WAAW,EAAC,sBAAsB,EAClC,KAAK,EAAE,eAAe,EACtB,UAAU,EAAE,KAAK,EACjB,cAAc,EAAC,KAAK,EACpB,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,KAAK,EAAE,WAAW,CAAC,OAAO,EAC1B,aAAa,EAAE,CAAC,OAAO,EAAE,EAAE;gCACzB,OAAO,CAAC,EAAE,GAAG,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC;4BACvC,CAAC,GACD,IACI,IACP,CACJ,GACD,CACH,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,cAAc;IACrB,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;AACpC,CAAC;AAED;;;;GAIG;AACH,SAAS,WAAW,CAAC,KAAa;IAChC,OAAO,sBAAsB,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC;AACnD,CAAC;AAED,MAAM,IAAI,GAAsB;IAC9B,yFAAyF;CAC1F,CAAC;AAEF,MAAM,gBAAgB,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;AAE9C,MAAM,mBAAmB,GAAG,eAAe,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,47 @@
+import type { ReactElement, ReactNode } from 'react';
+/** What {@link EditableRows} edits. */
+interface EditableRowsProps<Entry> {
+    /**
+     * What the list is called, drawn above it.
+     * @default undefined — the part the list sits in already names it
+     */
+    label?: string;
+    /** The entries, one row each. */
+    value: readonly Entry[];
+    /** Called with the new list on every edit. */
+    onChange: (entries: Entry[]) => void;
+    /**
+     * The fields of one row; the remove button is added after them.
+     * @param entry - The entry the row edits.
+     * @param index - Where it sits, counting from zero.
+     * @param replace - Hands up the list with this entry replaced.
+     */
+    renderRow: (entry: Entry, index: number, replace: (edited: Entry) => void) => ReactNode;
+    /** The entry a new row opens with. */
+    newEntry: () => Entry;
+    /** What the list says while it holds nothing. */
+    emptyText: string;
+    /** What the add button says. */
+    addText: string;
+    /** What a screen reader calls the remove button of one row. */
+    removeLabel: (index: number) => string;
+    /**
+     * The lines under the list saying what its entries do.
+     * @default [] — the label says enough
+     */
+    help?: readonly string[];
+}
+/**
+ * A flat list of settings rows, each with its own remove button, and a button
+ * that adds one at the end.
+ *
+ * Every list of the settings — ranges, calculations, zones — is edited the same
+ * way, so a reader who has learnt one has learnt them all. The rows keep their
+ * identity through `useRowKeys`: a number half typed into a row stays with that
+ * row when the one above it is removed.
+ * @param props - See {@link EditableRowsProps}.
+ * @returns The labelled list.
+ */
+export declare function EditableRows<Entry>(props: EditableRowsProps<Entry>): ReactElement;
+export {};
+//# sourceMappingURL=EditableRows.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditableRows.d.ts","sourceRoot":"","sources":["../../../src/spectra/ui/EditableRows.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWrD,uCAAuC;AACvC,UAAU,iBAAiB,CAAC,KAAK;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,KAAK,EAAE,SAAS,KAAK,EAAE,CAAC;IACxB,8CAA8C;IAC9C,QAAQ,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;IACrC;;;;;OAKG;IACH,SAAS,EAAE,CACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,CAAC,MAAM,EAAE,KAAK,KAAK,IAAI,KAC7B,SAAS,CAAC;IACf,sCAAsC;IACtC,QAAQ,EAAE,MAAM,KAAK,CAAC;IACtB,iDAAiD;IACjD,SAAS,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,+DAA+D;IAC/D,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC1B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAChC,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAC9B,YAAY,CAqDd"}

package/lib/spectra/ui/EditableRows.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@blueprintjs/core';
+import { EMPTY_STYLE, HELP_STYLE, LABEL_STYLE, LIST_STYLE, ROW_STYLE, } from "./fieldStyles.js";
+import { useRowKeys } from "./rowKeys.js";
+/**
+ * A flat list of settings rows, each with its own remove button, and a button
+ * that adds one at the end.
+ *
+ * Every list of the settings — ranges, calculations, zones — is edited the same
+ * way, so a reader who has learnt one has learnt them all. The rows keep their
+ * identity through `useRowKeys`: a number half typed into a row stays with that
+ * row when the one above it is removed.
+ * @param props - See {@link EditableRowsProps}.
+ * @returns The labelled list.
+ */
+export function EditableRows(props) {
+    const { label, value, onChange, renderRow, newEntry, emptyText, addText, removeLabel, help = NO_HELP, } = props;
+    const rows = useRowKeys(value.length);
+    return (_jsxs("div", { style: LIST_STYLE, children: [label === undefined ? null : _jsx("span", { style: LABEL_STYLE, children: label }), value.length === 0 ? _jsx("span", { style: EMPTY_STYLE, children: emptyText }) : null, value.map((entry, index) => (_jsxs("div", { style: ROW_STYLE, children: [renderRow(entry, index, (edited) => {
+                        onChange(value.with(index, edited));
+                    }), _jsx(Button, { icon: "cross", variant: "minimal", size: "small", "aria-label": removeLabel(index), onClick: () => {
+                            rows.removeAt(index);
+                            onChange(value.toSpliced(index, 1));
+                        } })] }, rows.keys[index] ?? index))), _jsx("div", { children: _jsx(Button, { icon: "plus", size: "small", text: addText, onClick: () => {
+                        rows.append();
+                        onChange([...value, newEntry()]);
+                    } }) }), help.map((line) => (_jsx("span", { style: HELP_STYLE, children: line }, line)))] }));
+}
+const NO_HELP = [];
+//# sourceMappingURL=EditableRows.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditableRows.js","sourceRoot":"","sources":["../../../src/spectra/ui/EditableRows.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EACL,WAAW,EACX,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,GACV,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAuC1C;;;;;;;;;;GAUG;AACH,MAAM,UAAU,YAAY,CAC1B,KAA+B;IAE/B,MAAM,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,OAAO,EACP,WAAW,EACX,IAAI,GAAG,OAAO,GACf,GAAG,KAAK,CAAC;IACV,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAEtC,OAAO,CACL,eAAK,KAAK,EAAE,UAAU,aACnB,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,eAAM,KAAK,EAAE,WAAW,YAAG,KAAK,GAAQ,EACrE,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,eAAM,KAAK,EAAE,WAAW,YAAG,SAAS,GAAQ,CAAC,CAAC,CAAC,IAAI,EACxE,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,eAAqC,KAAK,EAAE,SAAS,aAClD,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE;wBAClC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;oBACtC,CAAC,CAAC,EACF,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,gBACA,WAAW,CAAC,KAAK,CAAC,EAC9B,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;4BACrB,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;wBACtC,CAAC,GACD,KAbM,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,CAc7B,CACP,CAAC,EACF,wBACE,KAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,CAAC,MAAM,EAAE,CAAC;wBACd,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;oBACnC,CAAC,GACD,GACE,EACL,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,eAAiB,KAAK,EAAE,UAAU,YAC/B,IAAI,IADI,IAAI,CAER,CACR,CAAC,IACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,OAAO,GAAsB,EAAE,CAAC"}

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

@@ -18,6 +18,11 @@ export interface FilterChainEditorProps {
      * @default false — the resampling runs after the chain
      */
     resampleFirst?: boolean;
+    /**
+     * Class names added to the root element.
+     * @default undefined
+     */
+    className?: string;
 }
 /**
  * The per-spectrum chain: the ordered steps every spectrum is run through.

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

@@ -1 +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"}
+{"version":3,"file":"FilterChainEditor.d.ts","sourceRoot":"","sources":["../../../src/spectra/ui/FilterChainEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAWzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAsB,MAAM,qBAAqB,CAAC;AAO9E,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;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CAoF7E"}

package/lib/spectra/ui/FilterChainEditor.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Callout, HTMLSelect } from '@blueprintjs/core';
-import { useState } from 'react';
+import { HTMLSelect } from '@blueprintjs/core';
 import { chainProblems } from "../core/chainProblems.js";
-import { filterEntry, filterMenu, filterStepLabel, } from "../core/filterCatalog.js";
+import { filterEntry, filterMenu } 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";
+import { ProblemList } from "./ProblemList.js";
+import { EMPTY_STYLE } from "./fieldStyles.js";
+import { useRowKeys } from "./rowKeys.js";
 /**
  * The per-spectrum chain: the ordered steps every spectrum is run through.
  *
@@ -19,14 +20,8 @@ import { fitKeys, nextKey } from "./rowKeys.js";
  * @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));
-    }
+    const { className, value, onChange, problems, resampleFirst = false } = props;
+    const rows = useRowKeys(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.
@@ -34,13 +29,15 @@ export function FilterChainEditor(props) {
     const chainWide = [];
     const byStep = new Map();
     for (const issue of found) {
-        if (issue.where === CHAIN_WIDE) {
+        if (issue.part !== 'chain')
+            continue;
+        if (issue.index === undefined) {
             chainWide.push(issue);
             continue;
         }
-        const held = byStep.get(issue.where);
+        const held = byStep.get(issue.index);
         if (held === undefined)
-            byStep.set(issue.where, [issue]);
+            byStep.set(issue.index, [issue]);
         else
             held.push(issue);
     }
@@ -48,30 +45,24 @@ export function FilterChainEditor(props) {
         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);
+        rows.move(index, target);
         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)));
+    return (_jsxs("div", { className: className, 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(index) ?? NO_PROBLEMS, onChange: (edited) => {
+                    onChange(value.with(index, edited));
                 }, onMove: (offset) => {
                     move(index, offset);
                 }, onDuplicate: () => {
-                    const keys = [...rowKeys];
-                    keys.splice(index + 1, 0, nextKey(rowKeys));
-                    setRowKeys(keys);
+                    rows.insertAfter(index);
                     onChange(duplicateFilter(value, index));
                 }, onRemove: () => {
-                    setRowKeys(rowKeys.filter((_, at) => at !== index));
+                    rows.removeAt(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) => {
+                } }, rows.keys[index] ?? index))), _jsx(ProblemList, { problems: chainWide, showWhere: false }), _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)]);
+                        rows.append();
                         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)))] }) })] }));
 }
@@ -92,8 +83,6 @@ function stepNamed(chosen) {
     }
     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 = {
@@ -101,10 +90,6 @@ const CHAIN_STYLE = {
     flexDirection: 'column',
     gap: 8,
 };
-const EMPTY_STYLE = {
-    fontSize: 12,
-    color: 'var(--text-faint, #8a96a3)',
-};
 const ADD_STYLE = {
     display: 'flex',
 };

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

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

@@ -1,7 +1,7 @@
 import type { ReactElement } from 'react';
 import type { FilterField } from '../core/filterFields.ts';
 /** What {@link FilterChoiceControl} edits. */
-export interface FilterChoiceControlProps {
+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. */
@@ -20,4 +20,5 @@ export interface FilterChoiceControlProps {
  * @returns The labelled control.
  */
 export declare function FilterChoiceControl(props: FilterChoiceControlProps): ReactElement;
+export {};
 //# sourceMappingURL=FilterChoiceControl.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"FilterChoiceControl.d.ts","sourceRoot":"","sources":["../../../src/spectra/ui/FilterChoiceControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAU3D,8CAA8C;AAC9C,UAAU,wBAAwB;IAChC,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

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { HTMLSelect, InputGroup, Switch } from '@blueprintjs/core';
+import { HELP_STYLE, LABEL_STYLE, MONOSPACE_STYLE, SWITCH_STYLE, sizedFieldStyle, } from "./fieldStyles.js";
 /**
  * A chain step's option that is not a number: a switch, a choice, a formula.
  *
@@ -32,34 +33,6 @@ export function FilterChoiceControl(props) {
                     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',
-};
+const FIELD_STYLE = sizedFieldStyle(120);
+const FORMULA_FIELD_STYLE = sizedFieldStyle(220);
 //# sourceMappingURL=FilterChoiceControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterChoiceControl.js","sourceRoot":"","sources":["../../../src/spectra/ui/FilterChoiceControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAenE;;;;;;;;;GASG;AACH,MAAM,UAAU,mBAAmB,CACjC,KAA+B;IAE/B,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzC,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC7B,OAAO,CACL,eAAK,KAAK,EAAE,WAAW,aACrB,KAAC,MAAM,IACL,OAAO,EAAE,KAAK,KAAK,IAAI,EACvB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;oBACxC,CAAC,GACD,EACD,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjC,eAAM,KAAK,EAAE,UAAU,YAAG,KAAK,CAAC,IAAI,GAAQ,CAC7C,IACG,CACP,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC1B,OAAO,CACL,iBAAO,KAAK,EAAE,WAAW,aACvB,eAAM,KAAK,EAAE,WAAW,YAAG,KAAK,CAAC,KAAK,GAAQ,EAC9C,MAAC,UAAU,IACT,IAAI,QACJ,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,MAAM,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;wBACzC,QAAQ,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;oBAC/C,CAAC,aAED,iBAAQ,KAAK,EAAC,EAAE,wBAAiB,EAChC,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACrC,iBAA2B,KAAK,EAAE,MAAM,CAAC,KAAK,YAC3C,MAAM,CAAC,KAAK,IADF,MAAM,CAAC,KAAK,CAEhB,CACV,CAAC,IACS,EACZ,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjC,eAAM,KAAK,EAAE,UAAU,YAAG,KAAK,CAAC,IAAI,GAAQ,CAC7C,IACK,CACT,CAAC;IACJ,CAAC;IAED,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC7B,OAAO,CACL,iBAAO,KAAK,EAAE,mBAAmB,aAC/B,eAAM,KAAK,EAAE,WAAW,YAAG,KAAK,CAAC,KAAK,GAAQ,EAC9C,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,IAAI,QACJ,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,UAAU,EAAE,KAAK,EACjB,cAAc,EAAC,KAAK,EACpB,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE;wBACtB,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;oBAC3C,CAAC,GACD,EACD,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjC,eAAM,KAAK,EAAE,UAAU,YAAG,KAAK,CAAC,IAAI,GAAQ,CAC7C,IACK,CACT,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iBAAO,KAAK,EAAE,WAAW,aACvB,eAAM,KAAK,EAAE,WAAW,YAAG,KAAK,CAAC,KAAK,GAAQ,EAC9C,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,IAAI,QACJ,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAC7C,UAAU,EAAE,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE;oBACtB,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;gBAC3C,CAAC,GACD,EACD,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjC,eAAM,KAAK,EAAE,UAAU,YAAG,KAAK,CAAC,IAAI,GAAQ,CAC7C,IACK,CACT,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,CAAC;IACN,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,WAAW;CACe,CAAC;AAEnC,MAAM,mBAAmB,GAAG;IAC1B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,CAAC;IACN,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,WAAW;CACe,CAAC;AAEnC,MAAM,WAAW,GAAG;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,4BAA4B;CACH,CAAC;AAEnC,MAAM,UAAU,GAAG;IACjB,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,4BAA4B;CACH,CAAC;AAEnC,MAAM,YAAY,GAAG;IACnB,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,EAAE;CACoB,CAAC;AAEnC,MAAM,eAAe,GAAG;IACtB,UAAU,EAAE,WAAW;CACS,CAAC"}
+{"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

@@ -2,7 +2,7 @@ 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 {
+interface FilterFieldControlProps {
     /** Which option of the step is edited, and how. */
     field: FilterField;
     /** The step the option sits in. */
@@ -17,9 +17,12 @@ export interface FilterFieldControlProps {
  * 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.
+ * default once a reader has typed over it. A zone list is read with
+ * `readZones`, the reader the problems number their zones on, so a zone with a
+ * bound written as text stays a row the reader can fix.
  * @param props - See {@link FilterFieldControlProps}.
  * @returns The labelled control.
  */
 export declare function FilterFieldControl(props: FilterFieldControlProps): ReactElement;
+export {};
 //# sourceMappingURL=FilterFieldControl.d.ts.map

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

@@ -1 +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"}
+{"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,UAAU,uBAAuB;IAC/B,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;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,uBAAuB,GAC7B,YAAY,CAmCd"}

package/lib/spectra/ui/FilterFieldControl.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { readFilterOption, setFilterOption } from "../core/filterChain.js";
+import { readZones } from "../core/zones.js";
 import { FilterChoiceControl } from "./FilterChoiceControl.js";
 import { NumberField } from "./NumberField.js";
 import { ZoneRows } from "./ZoneRows.js";
@@ -10,7 +11,9 @@ import { ZoneRows } from "./ZoneRows.js";
  * 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.
+ * default once a reader has typed over it. A zone list is read with
+ * `readZones`, the reader the problems number their zones on, so a zone with a
+ * bound written as text stays a row the reader can fix.
  * @param props - See {@link FilterFieldControlProps}.
  * @returns The labelled control.
  */
@@ -21,7 +24,7 @@ export function FilterFieldControl(props) {
         onChange(setFilterOption(filter, field.key, next));
     }
     if (field.kind === 'zones') {
-        return (_jsx(ZoneRows, { label: field.label, value: asZones(value), help: field.help, onChange: (zones) => {
+        return (_jsx(ZoneRows, { label: field.label, value: readZones(value), help: field.help, onChange: (zones) => {
                 write(zones.length === 0 ? undefined : zones);
             } }));
     }
@@ -30,39 +33,4 @@ export function FilterFieldControl(props) {
     }
     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

@@ -1 +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"}
+{"version":3,"file":"FilterFieldControl.js","sourceRoot":"","sources":["../../../src/spectra/ui/FilterFieldControl.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG3E,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA2B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAgB,CAAC;AAY1C;;;;;;;;;;;;GAYG;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,SAAS,CAAC,KAAK,CAAC,EACvB,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"}

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

@@ -2,7 +2,7 @@ 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 {
+interface FilterRowProps {
     /** The step, as the settings hold it. */
     filter: SpectrumFilter;
     /** Where it sits in the chain, counted from zero. */
@@ -30,4 +30,5 @@ export interface FilterRowProps {
  * @returns The step's card.
  */
 export declare function FilterRow(props: FilterRowProps): ReactElement;
+export {};
 //# sourceMappingURL=FilterRow.d.ts.map

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

@@ -1 +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"}
+{"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;AAM1D,8CAA8C;AAC9C,UAAU,cAAc;IACtB,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,CAgF7D"}