react-cheminfo 0.37.0 → 0.39.0

package/lib/structure/ui/StructurePicturePane.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, SegmentedControl } from '@blueprintjs/core';
+import { useMemo, useState } from 'react';
+import { writeImageToClipboard } from "../../clipboard/core/copyPng.js";
+import { downloadBlob } from "../../download/core/downloadBlob.js";
+import { downloadText } from "../../download/core/downloadText.js";
+import { figurePng } from "../../download/core/figurePng.js";
+import { FIGURE_SCALES, figureScaleFits, figureScaleLabel, formatFigurePixels, } from "../../download/core/figureScale.js";
+import { FIGURE_SVG_TYPE } from "../../download/core/figureSvg.js";
+import { HelpTooltip } from "../../help/ui/HelpTooltip.js";
+import { useChromeT } from "../../i18n/ui/useT.js";
+import { OVERLAY_HELP_NAME_STYLE } from "../../overlay/ui/overlayRowStyles.js";
+import { TOKEN } from "../../tokens/core/familyTokens.js";
+import { STRUCTURE_BOND_LENGTH, structurePicture, } from "../core/structurePicture.js";
+/** The multiple the pictures are offered at first. */
+const DEFAULT_SCALE = 2;
+/**
+ * The structure as a picture: what it looks like, how big it leaves, and the
+ * three ways it leaves.
+ *
+ * What is shown is the file: the preview is the very SVG the save button
+ * writes, laid out smaller, so nobody saves a picture they have not seen. The
+ * resolution is a multiple rather than a pixel width because the multiple is
+ * the part a reader has an opinion about — one for a note, two for a slide,
+ * three or four for print — and the pixels it comes to are written under it.
+ * @param props - See {@link StructurePicturePaneProps}.
+ * @returns The pane.
+ */
+export function StructurePicturePane(props) {
+    const { molecule, fileName } = props;
+    const t = useChromeT();
+    const [scale, setScale] = useState(DEFAULT_SCALE);
+    const [notice, setNotice] = useState(null);
+    // Drawn once per resolution, so what is previewed, measured and saved is one
+    // picture rather than three that have to be kept in step.
+    const picture = useMemo(() => structurePicture(molecule, { bondLength: STRUCTURE_BOND_LENGTH * scale }), [molecule, scale]);
+    // Shown as the document itself rather than as markup put into the page: the
+    // dialog never writes HTML it did not author, and the preview is the file.
+    const preview = `data:${FIGURE_SVG_TYPE},${encodeURIComponent(picture.markup)}`;
+    // The crop is the structure's own shape, so the size at one resolution is
+    // what every other one scales from: measured rather than assumed.
+    const base = useMemo(() => structurePicture(molecule), [molecule]);
+    async function png() {
+        return figurePng(picture, 1);
+    }
+    async function run(write) {
+        try {
+            setNotice(await write());
+        }
+        catch (error) {
+            setNotice(error instanceof Error ? error.message : String(error));
+        }
+    }
+    return (_jsxs("div", { className: "structure-export__picture", children: [_jsx("img", { className: "structure-export__stage", src: preview, alt: t('structure.export.picture') }), _jsxs("div", { className: "structure-export__row", children: [_jsx(HelpTooltip, { content: {
+                            title: t('download.resolution'),
+                            body: t('download.resolutionHelp'),
+                            example: { code: '2×', note: t('download.resolutionExample') },
+                        }, placement: "top-start", children: _jsx("span", { style: NAME_STYLE, children: t('download.resolution') }) }), _jsx(SegmentedControl, { size: "small", options: scaleOptions(base), value: String(scale), onValueChange: (picked) => {
+                            setNotice(null);
+                            setScale(Number(picked));
+                        } })] }), _jsx("p", { className: "structure-export__pixels", style: PIXELS_STYLE, children: formatFigurePixels(picture) }), _jsxs("div", { className: "structure-export__actions", children: [_jsx(Button, { icon: "download", size: "small", text: t('structure.export.saveSvg'), onClick: () => void run(async () => {
+                            downloadText(picture.markup, `${fileName}.svg`, FIGURE_SVG_TYPE);
+                            return null;
+                        }) }), _jsx(Button, { icon: "download", size: "small", intent: "primary", text: t('structure.export.savePng'), onClick: () => void run(async () => {
+                            downloadBlob(await png(), `${fileName}.png`);
+                            return null;
+                        }) }), _jsx(Button, { icon: "clipboard", size: "small", text: t('structure.export.copyPng'), onClick: () => 
+                        // Safari only allows a clipboard write the click itself started,
+                        // so the image is handed over as a promise rather than awaited
+                        // first — see `writeImageToClipboard`.
+                        void run(async () => (await writeImageToClipboard(png()))
+                            ? t('download.hintCopied', {
+                                pixels: formatFigurePixels(picture),
+                            })
+                            : t('download.copyUnsupported')) })] }), notice === null ? null : (_jsx("p", { className: "structure-export__notice", style: NOTICE_STYLE, children: notice }))] }));
+}
+/**
+ * The multiples offered, each greyed when the picture it would produce is past
+ * what a browser will paint — the ceiling is met here rather than as a blank
+ * file, which is the rule the figure panel follows.
+ * @param base - The picture at the smallest resolution, which the others are
+ * multiples of.
+ * @returns The choices, in the order offered.
+ */
+function scaleOptions(base) {
+    const options = [];
+    for (const scale of FIGURE_SCALES) {
+        options.push({
+            label: figureScaleLabel(scale),
+            value: String(scale),
+            disabled: !figureScaleFits(base, scale),
+        });
+    }
+    return options;
+}
+const NAME_STYLE = {
+    ...OVERLAY_HELP_NAME_STYLE,
+    color: TOKEN.textMuted,
+    fontSize: 12,
+    fontWeight: 600,
+};
+const PIXELS_STYLE = {
+    margin: 0,
+    color: TOKEN.textFaint,
+    fontSize: 11,
+    fontVariantNumeric: 'tabular-nums',
+};
+const NOTICE_STYLE = {
+    margin: 0,
+    color: TOKEN.textMuted,
+    fontSize: 11,
+};
+//# sourceMappingURL=StructurePicturePane.js.map

package/lib/structure/ui/StructurePicturePane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StructurePicturePane.js","sourceRoot":"","sources":["../../../src/structure/ui/StructurePicturePane.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EACL,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAE1D,OAAO,EACL,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,6BAA6B,CAAC;AAUrC,sDAAsD;AACtD,MAAM,aAAa,GAAG,CAAC,CAAC;AAExB;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,oBAAoB,CAClC,KAAgC;IAEhC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACvB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE1D,6EAA6E;IAC7E,0DAA0D;IAC1D,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CACH,gBAAgB,CAAC,QAAQ,EAAE,EAAE,UAAU,EAAE,qBAAqB,GAAG,KAAK,EAAE,CAAC,EAC3E,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAC;IACF,4EAA4E;IAC5E,2EAA2E;IAC3E,MAAM,OAAO,GAAG,QAAQ,eAAe,IAAI,kBAAkB,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;IAChF,0EAA0E;IAC1E,kEAAkE;IAClE,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEnE,KAAK,UAAU,GAAG;QAChB,OAAO,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAC/B,CAAC;IAED,KAAK,UAAU,GAAG,CAAC,KAAmC;QACpD,IAAI,CAAC;YACH,SAAS,CAAC,MAAM,KAAK,EAAE,CAAC,CAAC;QAC3B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,SAAS,CAAC,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACpE,CAAC;IACH,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACxC,cACE,SAAS,EAAC,yBAAyB,EACnC,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,CAAC,CAAC,0BAA0B,CAAC,GAClC,EACF,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,WAAW,IACV,OAAO,EAAE;4BACP,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC;4BAC/B,IAAI,EAAE,CAAC,CAAC,yBAAyB,CAAC;4BAClC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,4BAA4B,CAAC,EAAE;yBAC/D,EACD,SAAS,EAAC,WAAW,YAErB,eAAM,KAAK,EAAE,UAAU,YAAG,CAAC,CAAC,qBAAqB,CAAC,GAAQ,GAC9C,EACd,KAAC,gBAAgB,IACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,EAC3B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EACpB,aAAa,EAAE,CAAC,MAAM,EAAE,EAAE;4BACxB,SAAS,CAAC,IAAI,CAAC,CAAC;4BAChB,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;wBAC3B,CAAC,GACD,IACE,EACN,YAAG,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAE,YAAY,YACxD,kBAAkB,CAAC,OAAO,CAAC,GAC1B,EACJ,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,MAAM,IACL,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,CAAC,CAAC,0BAA0B,CAAC,EACnC,OAAO,EAAE,GAAG,EAAE,CACZ,KAAK,GAAG,CAAC,KAAK,IAAI,EAAE;4BAClB,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,QAAQ,MAAM,EAAE,eAAe,CAAC,CAAC;4BACjE,OAAO,IAAI,CAAC;wBACd,CAAC,CAAC,GAEJ,EACF,KAAC,MAAM,IACL,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,SAAS,EAChB,IAAI,EAAE,CAAC,CAAC,0BAA0B,CAAC,EACnC,OAAO,EAAE,GAAG,EAAE,CACZ,KAAK,GAAG,CAAC,KAAK,IAAI,EAAE;4BAClB,YAAY,CAAC,MAAM,GAAG,EAAE,EAAE,GAAG,QAAQ,MAAM,CAAC,CAAC;4BAC7C,OAAO,IAAI,CAAC;wBACd,CAAC,CAAC,GAEJ,EACF,KAAC,MAAM,IACL,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,CAAC,CAAC,0BAA0B,CAAC,EACnC,OAAO,EAAE,GAAG,EAAE;wBACZ,iEAAiE;wBACjE,+DAA+D;wBAC/D,uCAAuC;wBACvC,KAAK,GAAG,CAAC,KAAK,IAAI,EAAE,CAClB,CAAC,MAAM,qBAAqB,CAAC,GAAG,EAAE,CAAC,CAAC;4BAClC,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE;gCACvB,MAAM,EAAE,kBAAkB,CAAC,OAAO,CAAC;6BACpC,CAAC;4BACJ,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAClC,GAEH,IACE,EACL,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACxB,YAAG,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAE,YAAY,YACxD,MAAM,GACL,CACL,IACG,CACP,CAAC;AACJ,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,YAAY,CAAC,IAAsB;IAK1C,MAAM,OAAO,GAAG,EAAE,CAAC;IACnB,KAAK,MAAM,KAAK,IAAI,aAAa,EAAE,CAAC;QAClC,OAAO,CAAC,IAAI,CAAC;YACX,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC;YAC9B,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;YACpB,QAAQ,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC;SACxC,CAAC,CAAC;IACL,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,GAAG;IACjB,GAAG,uBAAuB;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS;IACtB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;CACiB,CAAC;AAEnC,MAAM,YAAY,GAAG;IACnB,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,SAAS;IACtB,QAAQ,EAAE,EAAE;IACZ,kBAAkB,EAAE,cAAc;CACF,CAAC;AAEnC,MAAM,YAAY,GAAG;IACnB,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,SAAS;IACtB,QAAQ,EAAE,EAAE;CACoB,CAAC"}

package/lib/structure/ui/StructureSvg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StructureSvg.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructureSvg.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAIlE,qCAAqC;AACrC,UAAU,iBAAiB;IACzB,4DAA4D;IAC5D,MAAM,EAAE,eAAe,CAAC;IACxB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,QAAQ,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,cAAc,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,oDAAoD;IACpD,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,oDAAoD;IACpD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gDAAgD;IAChD,cAAc,EAAE,OAAO,CAAC;IACxB,gDAAgD;IAChD,cAAc,EAAE,OAAO,CAAC;IACxB,8DAA8D;IAC9D,WAAW,EAAE,OAAO,CAAC;IACrB,oEAAoE;IACpE,aAAa,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,yCAAyC;IACzC,kBAAkB,EAAE,kBAAkB,CAAC;IACvC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,yEAAyE;IACzE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAoDnE"}
+{"version":3,"file":"StructureSvg.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructureSvg.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAIlE,qCAAqC;AACrC,UAAU,iBAAiB;IACzB,4DAA4D;IAC5D,MAAM,EAAE,eAAe,CAAC;IACxB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,QAAQ,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,cAAc,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,oDAAoD;IACpD,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,oDAAoD;IACpD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gDAAgD;IAChD,cAAc,EAAE,OAAO,CAAC;IACxB,gDAAgD;IAChD,cAAc,EAAE,OAAO,CAAC;IACxB,8DAA8D;IAC9D,WAAW,EAAE,OAAO,CAAC;IACrB,oEAAoE;IACpE,aAAa,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,yCAAyC;IACzC,kBAAkB,EAAE,kBAAkB,CAAC;IACvC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,yEAAyE;IACzE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAoDnE"}

package/lib/structure/ui/StructureSvg.js

@@ -1,17 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * The react-ocl depiction of a structure whose notation has already been
- * picked.
- *
- * `Structure` holds it behind `React.lazy`, and the barrel deliberately does
- * not export it: this is the file that value-imports react-ocl and
- * openchemlib, so anything able to reach it statically drags openchemlib into
- * every bundle, including the ones that only ever wanted the Tools menu.
- */
-import { Molecule } from 'openchemlib';
 import { useMemo } from 'react';
 import { SvgRenderer } from 'react-ocl';
 import { applyAtomLabels } from "../core/atomLabels.js";
+import { sourceMolecule } from "../core/sourceMolecule.js";
 import { StructurePlaceholder } from "./StructurePlaceholder.js";
 /**
  * Read the notation and draw the picture.
@@ -51,7 +42,7 @@ export function StructureSvg(props) {
 function readDrawing(kind, value, coordinates, labelsKey, placement) {
     let molecule;
     try {
-        molecule = parseMolecule(kind, value, coordinates);
+        molecule = sourceMolecule({ kind, value, coordinates });
     }
     catch {
         return null;
@@ -64,11 +55,4 @@ function readDrawing(kind, value, coordinates, labelsKey, placement) {
     const written = applyAtomLabels(molecule, labels, placement);
     return { molecule, labelled: written > 0 };
 }
-function parseMolecule(kind, value, coordinates) {
-    if (kind === 'idcode')
-        return Molecule.fromIDCode(value, coordinates);
-    if (kind === 'molfile')
-        return Molecule.fromMolfile(value);
-    return Molecule.fromSmiles(value);
-}
 //# sourceMappingURL=StructureSvg.js.map

package/lib/structure/ui/StructureSvg.js.map

@@ -1 +1 @@
-{"version":3,"file":"StructureSvg.js","sourceRoot":"","sources":["../../../src/structure/ui/StructureSvg.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StructureSvg.js","sourceRoot":"","sources":["../../../src/structure/ui/StructureSvg.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGxC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA4B,CAAC;AA8DlE;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,WAAW,EACX,aAAa,EACb,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;IAC5C,sEAAsE;IACtE,qEAAqE;IACrE,MAAM,SAAS,GACb,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;IAElE,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,kBAAkB,CAAC,EAC1E,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAC1D,CAAC;IAEF,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,OAAO,CACL,KAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,YACzD,QAAQ,GACY,CACxB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,WAAW,OACN,IAAI,EACR,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,4BAA4B,EAAE,OAAO,CAAC,QAAQ,EAC9C,iBAAiB,EAAE,CAAC,aAAa,EACjC,WAAW,EACT,WAAW,KAAK,SAAS;YACvB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;gBACP,WAAW,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC,EAEP,WAAW,EACT,WAAW,KAAK,SAAS;YACvB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;gBACP,WAAW,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC,GAEP,CACH,CAAC;AACJ,CAAC;AAQD;;;;;;;;;GASG;AACH,SAAS,WAAW,CAClB,IAA6B,EAC7B,KAAa,EACb,WAA+B,EAC/B,SAAiB,EACjB,SAA6B;IAE7B,IAAI,QAAkB,CAAC;IACvB,IAAI,CAAC;QACH,QAAQ,GAAG,cAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;IAC1D,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAC9C,IAAI,SAAS,KAAK,EAAE;QAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAE3D,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAA4B,CAAC,CAAC;IACzE,MAAM,OAAO,GAAG,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;IAC7D,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,GAAG,CAAC,EAAE,CAAC;AAC7C,CAAC"}

package/lib/structure/ui/ToolbarTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarTooltip.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/ToolbarTooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,yCAAyC;AACzC,MAAM,WAAW,mBAAmB;IAClC,kDAAkD;IAClD,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC5C,0EAA0E;IAC1E,IAAI,EAAE,mBAAmB,CAAC;CAC3B;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,mBAAmB,GACzB,YAAY,GAAG,IAAI,CAiBrB"}
+{"version":3,"file":"ToolbarTooltip.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/ToolbarTooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,yCAAyC;AACzC,MAAM,WAAW,mBAAmB;IAClC,kDAAkD;IAClD,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC5C,0EAA0E;IAC1E,IAAI,EAAE,mBAAmB,CAAC;CAC3B;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,mBAAmB,GACzB,YAAY,GAAG,IAAI,CAkBrB"}

package/lib/structure/ui/ToolbarTooltip.js

@@ -21,7 +21,7 @@ export function ToolbarTooltip(props) {
     const button = EDITOR_TOOLBAR_BUTTONS[hover.button];
     if (button === undefined)
         return null;
-    return (_jsx(Tooltip, { isOpen: hover.open, placement: "right", content: _jsx(ButtonTip, { button: button, mode: mode }), renderTarget: ({ ref }) => (_jsx("span", { ref: ref, "aria-hidden": true, style: { ...TARGET_STYLE, ...hover.box } })) }));
+    return (_jsx(Tooltip, { isOpen: hover.open, placement: "right", content: _jsx(ButtonTip, { button: button, mode: mode }), popoverClassName: "help-tooltip", renderTarget: ({ ref }) => (_jsx("span", { ref: ref, "aria-hidden": true, style: { ...TARGET_STYLE, ...hover.box } })) }));
 }
 function ButtonTip(props) {
     const { button, mode } = props;
@@ -39,7 +39,6 @@ const TIP_STYLE = {
     display: 'flex',
     flexDirection: 'column',
     gap: 4,
-    maxWidth: 260,
     lineHeight: 1.4,
 };
 const HEAD_STYLE = {

package/lib/structure/ui/ToolbarTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarTooltip.js","sourceRoot":"","sources":["../../../src/structure/ui/ToolbarTooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EACL,sBAAsB,EACtB,8BAA8B,GAC/B,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAe,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAUvD;;;;;;;;GAQG;AACH,MAAM,UAAU,cAAc,CAC5B,KAA0B;IAE1B,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,KAAK,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAC5C,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAChC,MAAM,MAAM,GAAG,sBAAsB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpD,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IAEtC,OAAO,CACL,KAAC,OAAO,IACN,MAAM,EAAE,KAAK,CAAC,IAAI,EAClB,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAI,EAClD,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CACzB,eAAM,GAAG,EAAE,GAAG,uBAAc,KAAK,EAAE,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,CAAC,GAAG,EAAE,GAAI,CACzE,GACD,CACH,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAGlB;IACC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACvB,MAAM,SAAS,GAAG,8BAA8B,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAE/D,OAAO,CACL,eAAK,KAAK,EAAE,SAAS,iBAAc,0BAA0B,aAC3D,eAAK,KAAK,EAAE,UAAU,aACpB,2BAAS,CAAC,CAAC,EAAE,CAAC,kBAAkB,MAAM,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,GAAU,EACvE,MAAM,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,IAC9D,EACN,wBACG,CAAC,CAAC,EAAE,CAAC,kBAAkB,MAAM,CAAC,EAAE,cAAc,EAAE,MAAM,CAAC,WAAW,CAAC,GAChE,EACL,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAE,OAAO,CAAC,UAAU,YAC/B,MAAM,CAAC,YAAY,KAAK,UAAU;oBACjC,CAAC,CAAC,CAAC,CAAC,6BAA6B,CAAC;oBAClC,CAAC,CAAC,CAAC,CAAC,4BAA4B,CAAC,GAC/B,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAkB;IAClC,QAAQ,EAAE,UAAU;IACpB,aAAa,EAAE,MAAM;CACtB,CAAC;AAEF,MAAM,SAAS,GAAkB;IAC/B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,CAAC;IACN,QAAQ,EAAE,GAAG;IACb,UAAU,EAAE,GAAG;CAChB,CAAC;AAEF,MAAM,UAAU,GAAkB;IAChC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,eAAe;IAC/B,GAAG,EAAE,EAAE;CACR,CAAC"}
+{"version":3,"file":"ToolbarTooltip.js","sourceRoot":"","sources":["../../../src/structure/ui/ToolbarTooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EACL,sBAAsB,EACtB,8BAA8B,GAC/B,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAe,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAUvD;;;;;;;;GAQG;AACH,MAAM,UAAU,cAAc,CAC5B,KAA0B;IAE1B,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,KAAK,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAC5C,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAChC,MAAM,MAAM,GAAG,sBAAsB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpD,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IAEtC,OAAO,CACL,KAAC,OAAO,IACN,MAAM,EAAE,KAAK,CAAC,IAAI,EAClB,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAI,EAClD,gBAAgB,EAAC,cAAc,EAC/B,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CACzB,eAAM,GAAG,EAAE,GAAG,uBAAc,KAAK,EAAE,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,CAAC,GAAG,EAAE,GAAI,CACzE,GACD,CACH,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAGlB;IACC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACvB,MAAM,SAAS,GAAG,8BAA8B,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAE/D,OAAO,CACL,eAAK,KAAK,EAAE,SAAS,iBAAc,0BAA0B,aAC3D,eAAK,KAAK,EAAE,UAAU,aACpB,2BAAS,CAAC,CAAC,EAAE,CAAC,kBAAkB,MAAM,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,GAAU,EACvE,MAAM,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,GAAI,IAC9D,EACN,wBACG,CAAC,CAAC,EAAE,CAAC,kBAAkB,MAAM,CAAC,EAAE,cAAc,EAAE,MAAM,CAAC,WAAW,CAAC,GAChE,EACL,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAE,OAAO,CAAC,UAAU,YAC/B,MAAM,CAAC,YAAY,KAAK,UAAU;oBACjC,CAAC,CAAC,CAAC,CAAC,6BAA6B,CAAC;oBAClC,CAAC,CAAC,CAAC,CAAC,4BAA4B,CAAC,GAC/B,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAkB;IAClC,QAAQ,EAAE,UAAU;IACpB,aAAa,EAAE,MAAM;CACtB,CAAC;AAEF,MAAM,SAAS,GAAkB;IAC/B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,CAAC;IACN,UAAU,EAAE,GAAG;CAChB,CAAC;AAEF,MAAM,UAAU,GAAkB;IAChC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,eAAe;IAC/B,GAAG,EAAE,EAAE;CACR,CAAC"}

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

@@ -2,9 +2,10 @@
  * What a site imports to show or to draw a structure.
  *
  * **Nothing exported here may pull react-ocl or openchemlib in statically.**
- * `StructureSvg` and `EditorCanvas` are deliberately absent: re-exporting
- * either would make react-ocl reachable from this barrel, the `React.lazy`
- * boundaries inside `Structure` and `StructureEditor` would be defeated, and
+ * `StructureSvg`, `EditorCanvas` and `StructureExportPanel` are deliberately
+ * absent: re-exporting any of them would make react-ocl reachable from this
+ * barrel, the `React.lazy` boundaries inside `Structure`, `StructureEditor`
+ * and `StructureExportDialog` would be defeated, and
  * `react-cheminfo/structure` would stop being importable at all when those
  * optional peers are not installed — which is what a site wanting only the
  * Tools menu does. Type-only re-exports are erased and so are safe.
@@ -16,6 +17,9 @@ export type { StructureEditorProps } from './StructureEditor.tsx';
 export { StructureEditor } from './StructureEditor.tsx';
 export type { StructureEditorHelpProps } from './StructureEditorHelp.tsx';
 export { StructureEditorHelp } from './StructureEditorHelp.tsx';
+export type { StructureExportDialogProps } from './StructureExportDialog.tsx';
+export { StructureExportDialog } from './StructureExportDialog.tsx';
+export type { StructureExportPanelProps } from './StructureExportPanel.tsx';
 export type { ToolbarFloorOptions } from './useToolbarFloor.ts';
 export { useToolbarFloor } from './useToolbarFloor.ts';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,YAAY,EACV,qBAAqB,EACrB,mBAAmB,EACnB,6BAA6B,EAC7B,6BAA6B,GAC9B,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,YAAY,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,YAAY,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,YAAY,EACV,qBAAqB,EACrB,mBAAmB,EACnB,6BAA6B,EAC7B,6BAA6B,GAC9B,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,YAAY,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,YAAY,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,YAAY,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,YAAY,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/structure/ui/index.js

@@ -2,9 +2,10 @@
  * What a site imports to show or to draw a structure.
  *
  * **Nothing exported here may pull react-ocl or openchemlib in statically.**
- * `StructureSvg` and `EditorCanvas` are deliberately absent: re-exporting
- * either would make react-ocl reachable from this barrel, the `React.lazy`
- * boundaries inside `Structure` and `StructureEditor` would be defeated, and
+ * `StructureSvg`, `EditorCanvas` and `StructureExportPanel` are deliberately
+ * absent: re-exporting any of them would make react-ocl reachable from this
+ * barrel, the `React.lazy` boundaries inside `Structure`, `StructureEditor`
+ * and `StructureExportDialog` would be defeated, and
  * `react-cheminfo/structure` would stop being importable at all when those
  * optional peers are not installed — which is what a site wanting only the
  * Tools menu does. Type-only re-exports are erased and so are safe.
@@ -12,5 +13,6 @@
 export { Structure } from "./Structure.js";
 export { StructureEditor } from "./StructureEditor.js";
 export { StructureEditorHelp } from "./StructureEditorHelp.js";
+export { StructureExportDialog } from "./StructureExportDialog.js";
 export { useToolbarFloor } from "./useToolbarFloor.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/structure/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AASH,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAiB,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAuB,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA2B,CAAC;AAEhE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/structure/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AASH,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAiB,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAuB,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA2B,CAAC;AAEhE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA6B,CAAC;AAGpE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/structure/ui/structureNotationText.d.ts

@@ -0,0 +1,23 @@
+/**
+ * What each notation is called, and the line that explains it.
+ *
+ * The core module writing the notations stays language-free, so the words live
+ * here: one record, so a notation added there is a compile error until it is
+ * named.
+ */
+import type { ChromeKey } from '../../i18n/core/chromeCatalog.ts';
+import type { StructureNotationKind } from '../core/structureNotations.ts';
+/** The two lines a notation needs: its name, and what it is. */
+export interface StructureNotationText {
+    /** Its name, on the row. */
+    label: ChromeKey;
+    /** What it is, read by hovering the name. */
+    hint: ChromeKey;
+}
+/**
+ * How a notation is named and explained.
+ * @param kind - Which notation it is.
+ * @returns The two keys to format.
+ */
+export declare function notationText(kind: StructureNotationKind): StructureNotationText;
+//# sourceMappingURL=structureNotationText.d.ts.map

package/lib/structure/ui/structureNotationText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"structureNotationText.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/structureNotationText.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAE3E,gEAAgE;AAChE,MAAM,WAAW,qBAAqB;IACpC,4BAA4B;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,6CAA6C;IAC7C,IAAI,EAAE,SAAS,CAAC;CACjB;AA6BD;;;;GAIG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,qBAAqB,GAC1B,qBAAqB,CAEvB"}

package/lib/structure/ui/structureNotationText.js

@@ -0,0 +1,42 @@
+/**
+ * What each notation is called, and the line that explains it.
+ *
+ * The core module writing the notations stays language-free, so the words live
+ * here: one record, so a notation added there is a compile error until it is
+ * named.
+ */
+const TEXT = {
+    smiles: {
+        label: 'structure.export.smiles',
+        hint: 'structure.export.smilesHelp',
+    },
+    molfileV3000: {
+        label: 'structure.export.molfileV3000',
+        hint: 'structure.export.molfileV3000Help',
+    },
+    molfileV2000: {
+        label: 'structure.export.molfileV2000',
+        hint: 'structure.export.molfileV2000Help',
+    },
+    idCode: {
+        label: 'structure.export.idCode',
+        hint: 'structure.export.idCodeHelp',
+    },
+    noStereoIdCode: {
+        label: 'structure.export.noStereoIdCode',
+        hint: 'structure.export.noStereoIdCodeHelp',
+    },
+    noStereoTautomerIdCode: {
+        label: 'structure.export.noStereoTautomerIdCode',
+        hint: 'structure.export.noStereoTautomerIdCodeHelp',
+    },
+};
+/**
+ * How a notation is named and explained.
+ * @param kind - Which notation it is.
+ * @returns The two keys to format.
+ */
+export function notationText(kind) {
+    return TEXT[kind];
+}
+//# sourceMappingURL=structureNotationText.js.map

package/lib/structure/ui/structureNotationText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"structureNotationText.js","sourceRoot":"","sources":["../../../src/structure/ui/structureNotationText.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAaH,MAAM,IAAI,GAAG;IACX,MAAM,EAAE;QACN,KAAK,EAAE,yBAAyB;QAChC,IAAI,EAAE,6BAA6B;KACpC;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,+BAA+B;QACtC,IAAI,EAAE,mCAAmC;KAC1C;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,+BAA+B;QACtC,IAAI,EAAE,mCAAmC;KAC1C;IACD,MAAM,EAAE;QACN,KAAK,EAAE,yBAAyB;QAChC,IAAI,EAAE,6BAA6B;KACpC;IACD,cAAc,EAAE;QACd,KAAK,EAAE,iCAAiC;QACxC,IAAI,EAAE,qCAAqC;KAC5C;IACD,sBAAsB,EAAE;QACtB,KAAK,EAAE,yCAAyC;QAChD,IAAI,EAAE,6CAA6C;KACpD;CACsE,CAAC;AAE1E;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAC1B,IAA2B;IAE3B,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;AACpB,CAAC"}

package/lib/structure/ui/useEditorStructure.d.ts

@@ -0,0 +1,37 @@
+/**
+ * What is on the editor's canvas, for whoever is not the editor.
+ *
+ * The canvas is uncontrolled and reports an edit only after the caller's
+ * debounce, so a button beside it cannot ask the editor what is drawn. It is
+ * tapped here instead, undebounced, and read back the moment it is needed —
+ * which keeps the drawing out of the render path: a structure kept in state
+ * would re-render the editor on every stroke.
+ */
+import type { CanvasEditorInputFormat } from 'react-ocl';
+import type { StructureSourceInput } from '../core/structureSource.ts';
+import type { StructureEditorChange } from './editorChange.ts';
+/** What {@link useEditorStructure} watches. */
+export interface EditorStructureOptions {
+    /** What the editor was given, in `inputFormat`. */
+    value: string;
+    /** How that value is written. */
+    inputFormat: CanvasEditorInputFormat;
+    /** Bumped by the caller to load `value` into the canvas again. */
+    revision: number;
+}
+/** The canvas as something beside it can read it. */
+export interface EditorStructure {
+    /** Called with every edit, before any debounce the caller applies. */
+    track: (change: StructureEditorChange) => void;
+    /** What is drawn right now, read when a dialog is opened on it. */
+    source: () => StructureSourceInput;
+    /** Whether the canvas holds nothing. */
+    empty: boolean;
+}
+/**
+ * Watch what the canvas holds.
+ * @param options - See {@link EditorStructureOptions}.
+ * @returns The tap, the reader, and whether anything is drawn.
+ */
+export declare function useEditorStructure(options: EditorStructureOptions): EditorStructure;
+//# sourceMappingURL=useEditorStructure.d.ts.map

package/lib/structure/ui/useEditorStructure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorStructure.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/useEditorStructure.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAEzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAGvE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE/D,+CAA+C;AAC/C,MAAM,WAAW,sBAAsB;IACrC,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,WAAW,EAAE,uBAAuB,CAAC;IACrC,kEAAkE;IAClE,QAAQ,EAAE,MAAM,CAAC;CAClB;AAUD,qDAAqD;AACrD,MAAM,WAAW,eAAe;IAC9B,sEAAsE;IACtE,KAAK,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC/C,mEAAmE;IACnE,MAAM,EAAE,MAAM,oBAAoB,CAAC;IACnC,wCAAwC;IACxC,KAAK,EAAE,OAAO,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,sBAAsB,GAC9B,eAAe,CAwCjB"}

package/lib/structure/ui/useEditorStructure.js

@@ -0,0 +1,70 @@
+/**
+ * What is on the editor's canvas, for whoever is not the editor.
+ *
+ * The canvas is uncontrolled and reports an edit only after the caller's
+ * debounce, so a button beside it cannot ask the editor what is drawn. It is
+ * tapped here instead, undebounced, and read back the moment it is needed —
+ * which keeps the drawing out of the render path: a structure kept in state
+ * would re-render the editor on every stroke.
+ */
+import { useCallback, useMemo, useRef, useState } from 'react';
+import { structureSource } from "../core/structureSource.js";
+/**
+ * Watch what the canvas holds.
+ * @param options - See {@link EditorStructureOptions}.
+ * @returns The tap, the reader, and whether anything is drawn.
+ */
+export function useEditorStructure(options) {
+    const { value, inputFormat, revision } = options;
+    const drawn = useRef(null);
+    const [tracked, setTracked] = useState(null);
+    const track = useCallback((change) => {
+        // A reaction is not a structure: it has no molecule, and its idCode is a
+        // reaction's.
+        if (change.mode !== 'molecule')
+            return;
+        drawn.current = { revision, idCode: change.idCode };
+        setTracked(drawn.current);
+    }, [revision]);
+    const source = useCallback(() => {
+        const held = drawn.current;
+        // A reload replaces the structure, so an edit made before it describes a
+        // canvas that no longer exists: the editor's value is the drawing again.
+        // The idCode carries the coordinates after a space, which
+        // `structureSource` takes apart.
+        return held?.revision === revision
+            ? { idCode: held.idCode }
+            : given(value, inputFormat);
+    }, [revision, value, inputFormat]);
+    const givenEmpty = useMemo(() => isEmpty(given(value, inputFormat)), [value, inputFormat]);
+    const empty = tracked?.revision === revision
+        ? isEmpty({ idCode: tracked.idCode })
+        : givenEmpty;
+    // One object per state rather than per render: it is handed to a `useCallback`
+    // in the editor, and a new identity there would rebuild the canvas's handler
+    // on every keystroke the page makes elsewhere.
+    return useMemo(() => ({ track, source, empty }), [track, source, empty]);
+}
+/**
+ * The editor's own value, as a source.
+ * @param value - What the editor was given.
+ * @param inputFormat - How it is written.
+ * @returns The notation, under the name `structureSource` knows it by.
+ */
+function given(value, inputFormat) {
+    if (inputFormat === 'molfile')
+        return { molfile: value };
+    if (inputFormat === 'smiles')
+        return { smiles: value };
+    return { idCode: value };
+}
+/**
+ * Whether a notation describes nothing — a blank value, the idCode an erased
+ * canvas leaves behind, a molfile with no atoms.
+ * @param input - The notation.
+ * @returns Whether there is nothing to export.
+ */
+function isEmpty(input) {
+    return structureSource(input).kind === 'empty';
+}
+//# sourceMappingURL=useEditorStructure.js.map

package/lib/structure/ui/useEditorStructure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorStructure.js","sourceRoot":"","sources":["../../../src/structure/ui/useEditorStructure.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAgC7D;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAChC,OAA+B;IAE/B,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IACjD,MAAM,KAAK,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC,CAAC;IAE3D,MAAM,KAAK,GAAG,WAAW,CACvB,CAAC,MAA6B,EAAE,EAAE;QAChC,yEAAyE;QACzE,cAAc;QACd,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU;YAAE,OAAO;QACvC,KAAK,CAAC,OAAO,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC;QACpD,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CAAC,GAAyB,EAAE;QACpD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC;QAC3B,yEAAyE;QACzE,yEAAyE;QACzE,0DAA0D;QAC1D,iCAAiC;QACjC,OAAO,IAAI,EAAE,QAAQ,KAAK,QAAQ;YAChC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;YACzB,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEnC,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,EACxC,CAAC,KAAK,EAAE,WAAW,CAAC,CACrB,CAAC;IACF,MAAM,KAAK,GACT,OAAO,EAAE,QAAQ,KAAK,QAAQ;QAC5B,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,CAAC;QACrC,CAAC,CAAC,UAAU,CAAC;IAEjB,+EAA+E;IAC/E,6EAA6E;IAC7E,+CAA+C;IAC/C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;AAC3E,CAAC;AAED;;;;;GAKG;AACH,SAAS,KAAK,CACZ,KAAa,EACb,WAAoC;IAEpC,IAAI,WAAW,KAAK,SAAS;QAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACzD,IAAI,WAAW,KAAK,QAAQ;QAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IACvD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;AAC3B,CAAC;AAED;;;;;GAKG;AACH,SAAS,OAAO,CAAC,KAA2B;IAC1C,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC;AACjD,CAAC"}

package/lib/ui.d.ts

@@ -24,6 +24,7 @@ export * from './parallel/ui/index.ts';
 export * from './pedagogy/ui/index.ts';
 export * from './periodic/ui/index.ts';
 export * from './projection/ui/index.ts';
+export * from './range/ui/index.ts';
 export * from './router/ui/index.ts';
 export * from './scatter/ui/index.ts';
 export * from './scatter3d/ui/index.ts';

package/lib/ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAKrC,YAAY,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,YAAY,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,eAAe,GAChB,MAAM,oCAAoC,CAAC"}
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAKrC,YAAY,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,YAAY,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,eAAe,GAChB,MAAM,oCAAoC,CAAC"}

package/lib/ui.js

@@ -24,6 +24,7 @@ export * from "./parallel/ui/index.js";
 export * from "./pedagogy/ui/index.js";
 export * from "./periodic/ui/index.js";
 export * from "./projection/ui/index.js";
+export * from "./range/ui/index.js";
 export * from "./router/ui/index.js";
 export * from "./scatter/ui/index.js";
 export * from "./scatter3d/ui/index.js";

package/lib/ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.js","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAMrC,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAmC,CAAC;AAEnE,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,eAAe,GAChB,MAAM,oCAAoC,CAAC"}
+{"version":3,"file":"ui.js","sourceRoot":"","sources":["../src/ui.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AAMrC,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAmC,CAAC;AAEnE,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,eAAe,GAChB,MAAM,oCAAoC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cheminfo",
-  "version": "0.37.0",
+  "version": "0.39.0",
   "license": "MIT",
   "description": "React components, hooks and framework-free helpers shared by the cheminfo sites: site chrome, citations, sharing, routing, pedagogy, charts, and the structure, orbital and 3D molecule viewers",
   "author": "Luc Patiny",

package/src/chart/ui/Axes.tsx

@@ -78,6 +78,25 @@ export interface AxesProps {
    * @default 44
    */
   yTickSpacing?: number;
+  /**
+   * The values to rule the vertical axis at, instead of the ones the room
+   * allows.
+   *
+   * An axis whose ticks are decided by what is being measured rather than by
+   * how much space there is: a concentration read over fifteen decades is ruled
+   * at the decades, and a tick at 0.0037 between two of them says nothing. The
+   * values outside the window are dropped, so one list serves every zoom.
+   * @default the ticks worked out from the window and the room
+   */
+  yTickValues?: readonly number[];
+  /**
+   * How a value up the side is written, instead of as a plain number.
+   *
+   * What goes with `yTickValues`: an axis ruled at the decades writes `10⁻³`,
+   * and the exponent is the only part of it a reader is reading.
+   * @default the notation the window's step calls for
+   */
+  formatYTick?: (value: number) => string;
 }
 
 /**
@@ -123,6 +142,8 @@ export function Axes(props: AxesProps): ReactElement {
     yTitle,
     xTickSpacing = X_TICK_SPACING,
     yTickSpacing = Y_TICK_SPACING,
+    yTickValues,
+    formatYTick,
   } = props;
 
   const xTicks = useMemo(
@@ -134,7 +155,15 @@ export function Axes(props: AxesProps): ReactElement {
     [yDomain, plot.height, yTickSpacing],
   );
   const writeXTick = useMemo(() => axisLabeller(xTicks), [xTicks]);
-  const writeYTick = useMemo(() => axisLabeller(yTicks), [yTicks]);
+  const labelYTick = useMemo(() => axisLabeller(yTicks), [yTicks]);
+  const writeYTick = formatYTick ?? labelYTick;
+
+  // Ruled where the quantity asks rather than where there is room; a value the
+  // zoom has left behind is dropped rather than drawn onto the margin.
+  const yRules = useMemo(
+    () => (yTickValues ? insideWindow(yTickValues, yDomain) : yTicks.values),
+    [yTickValues, yDomain, yTicks],
+  );
 
   const middleX = plot.left + plot.width / 2;
   const middleY = plot.top + plot.height / 2;
@@ -144,8 +173,8 @@ export function Axes(props: AxesProps): ReactElement {
   // clear of the narrower — far enough to read as naming the chart rather than
   // the axis.
   const titleColumn = useMemo(
-    () => valueTitleColumn(yTicks.values, writeYTick, absYTicks, plot.left),
-    [yTicks, writeYTick, absYTicks, plot.left],
+    () => valueTitleColumn(yRules, writeYTick, absYTicks, plot.left),
+    [yRules, writeYTick, absYTicks, plot.left],
   );
   // The rule a mirrored pair is reflected in only exists while both halves are
   // on screen; on an ordinary chart zero is the baseline and already drawn.
@@ -164,7 +193,7 @@ export function Axes(props: AxesProps): ReactElement {
           style={gridStyle}
         />
       ))}
-      {yTicks.values.map((tick) => (
+      {yRules.map((tick) => (
         <line
           key={tick}
           x1={plot.left}
@@ -201,7 +230,7 @@ export function Axes(props: AxesProps): ReactElement {
             {writeXTick(tick)}
           </text>
         ))}
-      {yTicks.values.map((tick) => (
+      {yRules.map((tick) => (
         <text
           key={tick}
           x={plot.left - TICK_LABEL_GAP}
@@ -238,6 +267,25 @@ export function Axes(props: AxesProps): ReactElement {
   );
 }
 
+/**
+ * The values of a given list that the window still shows.
+ * @param values - Every value the axis would be ruled at.
+ * @param domain - The window on screen, `[from, to]`.
+ * @returns Those inside it, in the order they were given.
+ */
+function insideWindow(
+  values: readonly number[],
+  domain: readonly [number, number],
+): number[] {
+  const low = Math.min(domain[0], domain[1]);
+  const high = Math.max(domain[0], domain[1]);
+  const inside: number[] = [];
+  for (const value of values) {
+    if (value >= low && value <= high) inside.push(value);
+  }
+  return inside;
+}
+
 /**
  * The ticks of one axis of a chart a reader has zoomed for themselves.
  *