react-cheminfo 0.38.0 → 0.39.0

package/lib/structure/core/structurePicture.d.ts

@@ -0,0 +1,49 @@
+/**
+ * A structure as a picture, drawn at the size it is saved at.
+ *
+ * The resolution is a bond length rather than a canvas: OpenChemLib caps the
+ * bond it draws at 24 pixels whatever box it is given, so asking for a canvas
+ * four times larger produces the same small drawing with more white around it
+ * — a resolution control that changes the file and not the picture. Lifting
+ * the cap and cropping to the structure is what makes `4×` genuinely four
+ * times the drawing.
+ */
+import type { Molecule } from 'openchemlib';
+import type { FigurePixels } from '../../download/core/figureScale.ts';
+/** How the picture is drawn. */
+export interface StructurePictureOptions {
+    /**
+     * The longest bond drawn, in pixels, which is what sets the size of
+     * everything else — the picture is cropped to the structure afterwards.
+     * @default 60
+     */
+    bondLength?: number;
+    /**
+     * What is painted behind the structure. An SVG left unpainted opens
+     * transparent, and a structure is drawn in black, so it disappears in
+     * anything with a dark background — a slide, a reader in dark mode.
+     * @default '#ffffff'
+     */
+    background?: string;
+}
+/** A structure drawn, and how big it came out. */
+export interface StructurePicture extends FigurePixels {
+    /** The SVG document, ready to be saved or rasterized. */
+    markup: string;
+}
+/**
+ * The bond length a picture is drawn at before the resolution multiplies it.
+ *
+ * Chosen so a drug-sized molecule comes out around 300 pixels wide, which is
+ * what a note or a chat window wants; two or three times that is a slide, and
+ * four is print.
+ */
+export declare const STRUCTURE_BOND_LENGTH = 60;
+/**
+ * Draw a structure as a standalone SVG document, cropped to the structure.
+ * @param molecule - The structure. Not modified.
+ * @param options - How large to draw it, and what to paint behind it.
+ * @returns The document and the size it came out at.
+ */
+export declare function structurePicture(molecule: Molecule, options?: StructurePictureOptions): StructurePicture;
+//# sourceMappingURL=structurePicture.d.ts.map

package/lib/structure/core/structurePicture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"structurePicture.d.ts","sourceRoot":"","sources":["../../../src/structure/core/structurePicture.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAEvE,gCAAgC;AAChC,MAAM,WAAW,uBAAuB;IACtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,kDAAkD;AAClD,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,yDAAyD;IACzD,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAgBxC;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,QAAQ,EAClB,OAAO,GAAE,uBAA4B,GACpC,gBAAgB,CAUlB"}

package/lib/structure/core/structurePicture.js

@@ -0,0 +1,83 @@
+/**
+ * A structure as a picture, drawn at the size it is saved at.
+ *
+ * The resolution is a bond length rather than a canvas: OpenChemLib caps the
+ * bond it draws at 24 pixels whatever box it is given, so asking for a canvas
+ * four times larger produces the same small drawing with more white around it
+ * — a resolution control that changes the file and not the picture. Lifting
+ * the cap and cropping to the structure is what makes `4×` genuinely four
+ * times the drawing.
+ */
+/**
+ * The bond length a picture is drawn at before the resolution multiplies it.
+ *
+ * Chosen so a drug-sized molecule comes out around 300 pixels wide, which is
+ * what a note or a chat window wants; two or three times that is a slide, and
+ * four is print.
+ */
+export const STRUCTURE_BOND_LENGTH = 60;
+/**
+ * The canvas the structure is laid out in before it is cropped out of it.
+ *
+ * Only a ceiling: past it the box, rather than the bond length, would decide
+ * the size, and it is far beyond what a browser will paint anyway.
+ */
+const CANVAS = 20_000;
+/** Where the opening `<svg …>` tag ends, so the background goes after it. */
+const OPEN_TAG = /<svg\b[^>]*>/u;
+/** The size OpenChemLib wrote on the document it produced. */
+const SIDE = /\b(?<side>width|height)="(?<pixels>\d+)px"/gu;
+/**
+ * Draw a structure as a standalone SVG document, cropped to the structure.
+ * @param molecule - The structure. Not modified.
+ * @param options - How large to draw it, and what to paint behind it.
+ * @returns The document and the size it came out at.
+ */
+export function structurePicture(molecule, options = {}) {
+    const { bondLength = STRUCTURE_BOND_LENGTH, background = '#ffffff' } = options;
+    const markup = molecule.toSVG(CANVAS, CANVAS, undefined, {
+        autoCrop: true,
+        autoCropMargin: Math.max(2, Math.round(bondLength / 6)),
+        maxAVBL: Math.max(1, Math.round(bondLength)),
+    });
+    return { markup: painted(markup, background), ...sizeOf(markup) };
+}
+/**
+ * Paint a background into the document, so the file does not open
+ * transparent.
+ * @param markup - The document as OpenChemLib wrote it.
+ * @param background - What to paint, or `transparent` to paint nothing.
+ * @returns The document.
+ */
+function painted(markup, background) {
+    if (background === 'transparent')
+        return markup;
+    const open = OPEN_TAG.exec(markup);
+    // A document whose opening tag cannot be found is handed back unpainted
+    // rather than corrupted by an insertion at a guessed offset.
+    if (open === null)
+        return markup;
+    const end = open.index + open[0].length;
+    return `${markup.slice(0, end)}<rect width="100%" height="100%" fill="${background}" />${markup.slice(end)}`;
+}
+/**
+ * How big the cropped document came out.
+ *
+ * Read off the document rather than computed, because the crop is the
+ * structure's own shape: two molecules asked for at the same bond length come
+ * out at different sizes, and the size is what the reader is shown.
+ * @param markup - The document as OpenChemLib wrote it.
+ * @returns Its size in pixels.
+ */
+function sizeOf(markup) {
+    const sides = {};
+    SIDE.lastIndex = 0;
+    for (const match of markup.matchAll(SIDE)) {
+        const { side, pixels } = match.groups ?? {};
+        if (side !== undefined && pixels !== undefined && !(side in sides)) {
+            sides[side] = Number(pixels);
+        }
+    }
+    return { width: sides.width ?? CANVAS, height: sides.height ?? CANVAS };
+}
+//# sourceMappingURL=structurePicture.js.map

package/lib/structure/core/structurePicture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"structurePicture.js","sourceRoot":"","sources":["../../../src/structure/core/structurePicture.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AA6BH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,EAAE,CAAC;AAExC;;;;;GAKG;AACH,MAAM,MAAM,GAAG,MAAM,CAAC;AAEtB,6EAA6E;AAC7E,MAAM,QAAQ,GAAG,eAAe,CAAC;AAEjC,8DAA8D;AAC9D,MAAM,IAAI,GAAG,8CAA8C,CAAC;AAE5D;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAC9B,QAAkB,EAClB,UAAmC,EAAE;IAErC,MAAM,EAAE,UAAU,GAAG,qBAAqB,EAAE,UAAU,GAAG,SAAS,EAAE,GAClE,OAAO,CAAC;IACV,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE;QACvD,QAAQ,EAAE,IAAI;QACd,cAAc,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;QACvD,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;KAC7C,CAAC,CAAC;IAEH,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;AACpE,CAAC;AAED;;;;;;GAMG;AACH,SAAS,OAAO,CAAC,MAAc,EAAE,UAAkB;IACjD,IAAI,UAAU,KAAK,aAAa;QAAE,OAAO,MAAM,CAAC;IAChD,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACnC,wEAAwE;IACxE,6DAA6D;IAC7D,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,MAAM,CAAC;IACjC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IACxC,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,0CAA0C,UAAU,OAAO,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;AAC/G,CAAC;AAED;;;;;;;;GAQG;AACH,SAAS,MAAM,CAAC,MAAc;IAC5B,MAAM,KAAK,GAA2B,EAAE,CAAC;IACzC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;IACnB,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1C,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC;QAC5C,IAAI,IAAI,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,IAAI,CAAC,CAAC,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC;YACnE,KAAK,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,MAAM,EAAE,CAAC;AAC1E,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { ReactElement } from 'react';
+import type { StructureSourceInput } from '../core/structureSource.ts';
+/** What {@link EditorExportButton} needs. */
+export interface EditorExportButtonProps {
+    /** Reads what is drawn, called the moment the dialog is opened. */
+    source: () => StructureSourceInput;
+    /** Whether the editor draws a query fragment. */
+    fragment: boolean;
+    /** Whether the canvas holds nothing to export. */
+    empty: boolean;
+}
+/**
+ * The editor's export button, beside the help one, opening every notation of
+ * the drawing and the picture of it.
+ *
+ * The structure is read when the button is pressed rather than kept beside the
+ * canvas, so the dialog opens on what is drawn now and the editor is not
+ * re-rendered on every stroke to keep a copy in step.
+ * @param props - See {@link EditorExportButtonProps}.
+ * @returns The button and its dialog.
+ */
+export declare function EditorExportButton(props: EditorExportButtonProps): ReactElement;
+//# sourceMappingURL=EditorExportButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorExportButton.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/EditorExportButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAIvE,6CAA6C;AAC7C,MAAM,WAAW,uBAAuB;IACtC,mEAAmE;IACnE,MAAM,EAAE,MAAM,oBAAoB,CAAC;IACnC,iDAAiD;IACjD,QAAQ,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,KAAK,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,uBAAuB,GAC7B,YAAY,CA6Bd"}

package/lib/structure/ui/EditorExportButton.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@blueprintjs/core';
+import { useState } from 'react';
+import { useChromeT } from "../../i18n/ui/useT.js";
+import { ActionTooltip } from "../../shared/ui/ActionTooltip.js";
+import { StructureExportDialog } from "./StructureExportDialog.js";
+/**
+ * The editor's export button, beside the help one, opening every notation of
+ * the drawing and the picture of it.
+ *
+ * The structure is read when the button is pressed rather than kept beside the
+ * canvas, so the dialog opens on what is drawn now and the editor is not
+ * re-rendered on every stroke to keep a copy in step.
+ * @param props - See {@link EditorExportButtonProps}.
+ * @returns The button and its dialog.
+ */
+export function EditorExportButton(props) {
+    const { source, fragment, empty } = props;
+    const t = useChromeT();
+    const [opened, setOpened] = useState(null);
+    return (_jsxs(_Fragment, { children: [_jsx(ActionTooltip, { content: t('structure.export.open'), placement: "left", opened: opened !== null, children: _jsx(Button, { variant: "minimal", size: "small", icon: "export", disabled: empty, "aria-label": t('structure.export.open'), onClick: () => setOpened(source()) }) }), _jsx(StructureExportDialog, { ...opened, isOpen: opened !== null, fragment: fragment, onClose: () => setOpened(null) })] }));
+}
+//# sourceMappingURL=EditorExportButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorExportButton.js","sourceRoot":"","sources":["../../../src/structure/ui/EditorExportButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAmC,CAAC;AAGlE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA6B,CAAC;AAYpE;;;;;;;;;GASG;AACH,MAAM,UAAU,kBAAkB,CAChC,KAA8B;IAE9B,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAA8B,IAAI,CAAC,CAAC;IAExE,OAAO,CACL,8BACE,KAAC,aAAa,IACZ,OAAO,EAAE,CAAC,CAAC,uBAAuB,CAAC,EACnC,SAAS,EAAC,MAAM,EAChB,MAAM,EAAE,MAAM,KAAK,IAAI,YAEvB,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,KAAK,gBACH,CAAC,CAAC,uBAAuB,CAAC,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,GAClC,GACY,EAChB,KAAC,qBAAqB,OAChB,MAAM,EACV,MAAM,EAAE,MAAM,KAAK,IAAI,EACvB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,GAC9B,IACD,CACJ,CAAC;AACJ,CAAC"}

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

@@ -10,8 +10,11 @@ export interface EditorHelpButtonProps {
     fragment: boolean;
 }
 /**
- * The editor's help button, in the corner of the drawing, opening the guide to
- * the mouse and the keyboard.
+ * The editor's help button, opening the guide to the mouse and the keyboard.
+ *
+ * It is placed by whoever renders it — the editor puts it in the corner of the
+ * drawing, next to the export button — so the two read as one group rather
+ * than as two controls that happen to overlap.
  *
  * F1 opens it too: openchemlib binds that key to a help dialog it does not
  * implement on the web.

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

@@ -1 +1 @@
-{"version":3,"file":"EditorHelpButton.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/EditorHelpButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,2CAA2C;AAC3C,MAAM,WAAW,qBAAqB;IACpC,oEAAoE;IACpE,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC5C,6CAA6C;IAC7C,IAAI,EAAE,mBAAmB,CAAC;IAC1B,iDAAiD;IACjD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CAwC3E"}
+{"version":3,"file":"EditorHelpButton.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/EditorHelpButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,2CAA2C;AAC3C,MAAM,WAAW,qBAAqB;IACpC,oEAAoE;IACpE,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC5C,6CAA6C;IAC7C,IAAI,EAAE,mBAAmB,CAAC;IAC1B,iDAAiD;IACjD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CAsC3E"}

package/lib/structure/ui/EditorHelpButton.js

@@ -1,11 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Button, PopoverNext, Tooltip } from '@blueprintjs/core';
+import { Button, PopoverNext } from '@blueprintjs/core';
 import { useEffect, useState } from 'react';
 import { useChromeT } from "../../i18n/ui/useT.js";
+import { ActionTooltip } from "../../shared/ui/ActionTooltip.js";
 import { StructureEditorHelp } from "./StructureEditorHelp.js";
 /**
- * The editor's help button, in the corner of the drawing, opening the guide to
- * the mouse and the keyboard.
+ * The editor's help button, opening the guide to the mouse and the keyboard.
+ *
+ * It is placed by whoever renders it — the editor puts it in the corner of the
+ * drawing, next to the export button — so the two read as one group rather
+ * than as two controls that happen to overlap.
  *
  * F1 opens it too: openchemlib binds that key to a help dialog it does not
  * implement on the web.
@@ -29,11 +33,6 @@ export function EditorHelpButton(props) {
         container.addEventListener('keydown', onKeyDown);
         return () => container.removeEventListener('keydown', onKeyDown);
     }, [containerRef]);
-    return (_jsx("div", { style: CORNER_STYLE, children: _jsx(PopoverNext, { isOpen: isOpen, onInteraction: setIsOpen, placement: "left-start", content: _jsx(StructureEditorHelp, { mode: mode, fragment: fragment }), children: _jsx(Tooltip, { content: t('structure.mouseAndKeyboard'), placement: "left", disabled: isOpen, children: _jsx(Button, { variant: "minimal", size: "small", icon: "help", "aria-label": t('structure.mouseAndKeyboard') }) }) }) }));
+    return (_jsx(PopoverNext, { isOpen: isOpen, onInteraction: setIsOpen, placement: "left-start", content: _jsx(StructureEditorHelp, { mode: mode, fragment: fragment }), children: _jsx(ActionTooltip, { content: t('structure.mouseAndKeyboard'), placement: "left", opened: isOpen, children: _jsx(Button, { variant: "minimal", size: "small", icon: "help", "aria-label": t('structure.mouseAndKeyboard') }) }) }));
 }
-const CORNER_STYLE = {
-    position: 'absolute',
-    top: 4,
-    right: 4,
-};
 //# sourceMappingURL=EditorHelpButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditorHelpButton.js","sourceRoot":"","sources":["../../../src/structure/ui/EditorHelpButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA2B,CAAC;AAahE;;;;;;;;GAQG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,SAAS,KAAK,IAAI;YAAE,OAAO;QAC/B,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAQ,EAAE;YAC/C,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI;gBAAE,OAAO;YAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,CAAC;QACF,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACjD,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACnE,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL,cAAK,KAAK,EAAE,YAAY,YACtB,KAAC,WAAW,IACV,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,SAAS,EACxB,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,KAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,YAEhE,KAAC,OAAO,IACN,OAAO,EAAE,CAAC,CAAC,4BAA4B,CAAC,EACxC,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAE,MAAM,YAEhB,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,MAAM,gBACC,CAAC,CAAC,4BAA4B,CAAC,GAC3C,GACM,GACE,GACV,CACP,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAkB;IAClC,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;CACT,CAAC"}
+{"version":3,"file":"EditorHelpButton.js","sourceRoot":"","sources":["../../../src/structure/ui/EditorHelpButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAmC,CAAC;AAElE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA2B,CAAC;AAahE;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,SAAS,KAAK,IAAI;YAAE,OAAO;QAC/B,MAAM,SAAS,GAAG,CAAC,KAAoB,EAAQ,EAAE;YAC/C,IAAI,KAAK,CAAC,GAAG,KAAK,IAAI;gBAAE,OAAO;YAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,CAAC;QACF,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACjD,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACnE,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL,KAAC,WAAW,IACV,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,SAAS,EACxB,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,KAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,YAEhE,KAAC,aAAa,IACZ,OAAO,EAAE,CAAC,CAAC,4BAA4B,CAAC,EACxC,SAAS,EAAC,MAAM,EAChB,MAAM,EAAE,MAAM,YAEd,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,MAAM,gBACC,CAAC,CAAC,4BAA4B,CAAC,GAC3C,GACY,GACJ,CACf,CAAC;AACJ,CAAC"}

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

@@ -67,6 +67,14 @@ export interface StructureEditorProps {
      * @default true
      */
     help?: boolean;
+    /**
+     * Put a button in the corner that opens every notation of the drawing — its
+     * SMILES, its molfiles, its canonical identifiers — and the picture of it,
+     * ready to copy or to save. A reaction has none of those, so it is never
+     * offered one.
+     * @default true
+     */
+    exportable?: boolean;
     /**
      * Class the container carries, so a site can reach it from its stylesheet.
      * @default undefined

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

@@ -1 +1 @@
-{"version":3,"file":"StructureEditor.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructureEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AASzD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAQzD,OAAO,KAAK,EACV,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAQ3B,0CAA0C;AAC1C,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAmDzE"}
+{"version":3,"file":"StructureEditor.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructureEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AASzD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAQzD,OAAO,KAAK,EACV,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAc3B,0CAA0C;AAC1C,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAuEzE"}

package/lib/structure/ui/StructureEditor.js

@@ -1,11 +1,16 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Suspense, lazy, useCallback, useEffect, useRef, useState, } from 'react';
 import { useChromeT } from "../../i18n/ui/useT.js";
 import { TOKEN } from "../../tokens/core/familyTokens.js";
 import { createPendingCall } from "../core/pendingCall.js";
 import { EditorHelpButton } from "./EditorHelpButton.js";
 import { ToolbarTooltip } from "./ToolbarTooltip.js";
+import { useEditorStructure } from "./useEditorStructure.js";
 import { useToolbarFloor } from "./useToolbarFloor.js";
+const EditorExportButton = lazy(async () => {
+    const module = await import("./EditorExportButton.js");
+    return { default: module.EditorExportButton };
+});
 const EditorCanvas = lazy(async () => {
     const module = await import("./EditorCanvas.js");
     return { default: module.EditorCanvas };
@@ -18,11 +23,18 @@ const EditorCanvas = lazy(async () => {
  * @returns The editor.
  */
 export function StructureEditor(props) {
-    const { onChange, fragment = false, inputFormat = 'idcode', value = '', revision = 0, debounce = 300, minHeight = 320, mode = 'molecule', help = true, className, style, } = props;
+    const { onChange, fragment = false, inputFormat = 'idcode', value = '', revision = 0, debounce = 300, minHeight = 320, mode = 'molecule', help = true, exportable = true, className, style, } = props;
     const t = useChromeT();
     const containerRef = useToolbarFloor({ minHeight, revision });
     const handleChange = useDebounced(onChange, debounce, revision);
-    return (_jsx("div", { ref: containerRef, className: className, style: { ...ROOT_STYLE, minHeight, ...style }, children: _jsxs(Suspense, { fallback: _jsx("div", { style: LOADING_STYLE, children: t('structure.loadingEditor') }), children: [_jsx(EditorCanvas, { onChange: handleChange, fragment: fragment, inputFormat: inputFormat, value: value, mode: mode }, revision), help ? (_jsxs(_Fragment, { children: [_jsx(ToolbarTooltip, { containerRef: containerRef, mode: mode }), _jsx(EditorHelpButton, { containerRef: containerRef, mode: mode, fragment: fragment })] })) : null] }) }));
+    const drawing = useEditorStructure({ value, inputFormat, revision });
+    const handleEdit = useCallback((change) => {
+        // Tapped undebounced, so a button beside the canvas reads the structure
+        // as it stands rather than as it stood before the last burst.
+        drawing.track(change);
+        handleChange(change);
+    }, [drawing, handleChange]);
+    return (_jsx("div", { ref: containerRef, className: className, style: { ...ROOT_STYLE, minHeight, ...style }, children: _jsxs(Suspense, { fallback: _jsx("div", { style: LOADING_STYLE, children: t('structure.loadingEditor') }), children: [_jsx(EditorCanvas, { onChange: handleEdit, fragment: fragment, inputFormat: inputFormat, value: value, mode: mode }, revision), help ? (_jsx(ToolbarTooltip, { containerRef: containerRef, mode: mode })) : null, _jsxs("div", { style: CORNER_STYLE, children: [exportable && mode === 'molecule' ? (_jsx(EditorExportButton, { source: drawing.source, fragment: fragment, empty: drawing.empty })) : null, help ? (_jsx(EditorHelpButton, { containerRef: containerRef, mode: mode, fragment: fragment })) : null] })] }) }));
 }
 /**
  * Report the last edit of a burst rather than every one of them.
@@ -66,6 +78,17 @@ const ROOT_STYLE = {
     borderRadius: 6,
     background: '#fff',
 };
+/**
+ * The corner the editor's own buttons sit in: export first, then help, so the
+ * one that does something to the drawing is the nearer of the two to it.
+ */
+const CORNER_STYLE = {
+    position: 'absolute',
+    top: 4,
+    right: 4,
+    display: 'flex',
+    gap: 2,
+};
 /** The box the canvas will fill, so its arrival moves nothing. */
 const LOADING_STYLE = {
     position: 'absolute',

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

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

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

@@ -0,0 +1,34 @@
+/**
+ * The dialog that hands a drawn structure over.
+ *
+ * The shell is here and the body is behind `React.lazy`, for the same reason
+ * `Structure` keeps its depiction there: this file must stay free of
+ * `openchemlib` so a site importing `react-cheminfo/structure` for the editor
+ * does not also download the notations nobody has asked for yet.
+ */
+import type { ReactElement } from 'react';
+import type { StructureExportPanelProps } from './StructureExportPanel.tsx';
+/** What {@link StructureExportDialog} needs. */
+export interface StructureExportDialogProps extends StructureExportPanelProps {
+    /** Whether the dialog is on screen. */
+    isOpen: boolean;
+    /** Called when the dialog is dismissed. */
+    onClose: () => void;
+    /**
+     * Whether the dialog is rendered through a portal on `document.body`.
+     * @default true
+     */
+    usePortal?: boolean;
+}
+/**
+ * Take a structure off the page: as a notation, or as a picture.
+ *
+ * One dialog rather than a menu of downloads, because the question is never
+ * only "which format" — a reader comparing a SMILES against an idCode, or
+ * checking that the hash they are about to paste belongs to the molecule in
+ * front of them, needs to see the structure and the strings together.
+ * @param props - See {@link StructureExportDialogProps}.
+ * @returns The dialog.
+ */
+export declare function StructureExportDialog(props: StructureExportDialogProps): ReactElement;
+//# sourceMappingURL=StructureExportDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StructureExportDialog.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructureExportDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAMzD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAO5E,gDAAgD;AAChD,MAAM,WAAW,0BAA2B,SAAQ,yBAAyB;IAC3E,uCAAuC;IACvC,MAAM,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,0BAA0B,GAChC,YAAY,CA6Bd"}

package/lib/structure/ui/StructureExportDialog.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The dialog that hands a drawn structure over.
+ *
+ * The shell is here and the body is behind `React.lazy`, for the same reason
+ * `Structure` keeps its depiction there: this file must stay free of
+ * `openchemlib` so a site importing `react-cheminfo/structure` for the editor
+ * does not also download the notations nobody has asked for yet.
+ */
+import { Dialog, DialogBody } from '@blueprintjs/core';
+import { Suspense, lazy } from 'react';
+import { useChromeT } from "../../i18n/ui/useT.js";
+import { TOKEN } from "../../tokens/core/familyTokens.js";
+const StructureExportPanel = lazy(async () => {
+    const module = await import("./StructureExportPanel.js");
+    return { default: module.StructureExportPanel };
+});
+/**
+ * Take a structure off the page: as a notation, or as a picture.
+ *
+ * One dialog rather than a menu of downloads, because the question is never
+ * only "which format" — a reader comparing a SMILES against an idCode, or
+ * checking that the hash they are about to paste belongs to the molecule in
+ * front of them, needs to see the structure and the strings together.
+ * @param props - See {@link StructureExportDialogProps}.
+ * @returns The dialog.
+ */
+export function StructureExportDialog(props) {
+    const { isOpen, onClose, usePortal = true, ...panel } = props;
+    const t = useChromeT();
+    return (_jsx(Dialog, { isOpen: isOpen, onClose: onClose, usePortal: usePortal, title: t('structure.export.title'), icon: "export", className: "structure-export", style: DIALOG_STYLE, children: _jsx(DialogBody, { className: "structure-export__body", children: isOpen ? (_jsx(Suspense, { fallback: _jsx("p", { style: LOADING_STYLE, children: t('structure.export.loading') }), children: _jsx(StructureExportPanel, { ...panel }) })) : null }) }));
+}
+const DIALOG_STYLE = {
+    width: 'min(980px, 94vw)',
+};
+const LOADING_STYLE = {
+    margin: 0,
+    padding: '2rem 0',
+    color: TOKEN.textFaint,
+    fontSize: 13,
+    textAlign: 'center',
+};
+//# sourceMappingURL=StructureExportDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StructureExportDialog.js","sourceRoot":"","sources":["../../../src/structure/ui/StructureExportDialog.tsx"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAI1D,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE;IAC3C,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,2BAA4B,CAAC,CAAC;IAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,oBAAoB,EAAE,CAAC;AAClD,CAAC,CAAC,CAAC;AAeH;;;;;;;;;GASG;AACH,MAAM,UAAU,qBAAqB,CACnC,KAAiC;IAEjC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAC9D,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IAEvB,OAAO,CACL,KAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAClC,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,YAAY,YAEnB,KAAC,UAAU,IAAC,SAAS,EAAC,wBAAwB,YAG3C,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,QAAQ,IACP,QAAQ,EACN,YAAG,KAAK,EAAE,aAAa,YAAG,CAAC,CAAC,0BAA0B,CAAC,GAAK,YAG9D,KAAC,oBAAoB,OAAK,KAAK,GAAI,GAC1B,CACZ,CAAC,CAAC,CAAC,IAAI,GACG,GACN,CACV,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG;IACnB,KAAK,EAAE,kBAAkB;CACO,CAAC;AAEnC,MAAM,aAAa,GAAG;IACpB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,KAAK,CAAC,SAAS;IACtB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,QAAQ;CACa,CAAC"}

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

@@ -0,0 +1,37 @@
+/**
+ * The body of the export dialog, which is the half that reads the structure.
+ *
+ * It value-imports `openchemlib`, through the notations and the parser, so the
+ * dialog holds it behind `React.lazy`: a page carrying an editor downloads
+ * this only when somebody asks to export something.
+ */
+import type { ReactElement } from 'react';
+import type { StructureSourceInput } from '../core/structureSource.ts';
+/** What {@link StructureExportPanel} is handed. */
+export interface StructureExportPanelProps extends StructureSourceInput {
+    /**
+     * Base name of every file saved from here, extension excluded.
+     * @default 'structure'
+     */
+    name?: string;
+    /**
+     * Whether the structure is a query fragment, which is what a substructure
+     * filter draws. A fragment's idCode is not a molecule's, so this has to be
+     * said when the notation handed over does not already carry it.
+     * @default false
+     */
+    fragment?: boolean;
+}
+/**
+ * Every notation of a drawn structure, and the picture of it.
+ *
+ * The notations come first and in the order a chemist reaches for them — the
+ * SMILES, then the two molfiles — with the canonical identifiers folded away
+ * underneath: they answer a database question rather than a drawing one, so
+ * they are there for whoever came for them and out of the way of everyone
+ * else.
+ * @param props - See {@link StructureExportPanelProps}.
+ * @returns The panel.
+ */
+export declare function StructureExportPanel(props: StructureExportPanelProps): ReactElement;
+//# sourceMappingURL=StructureExportPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StructureExportPanel.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructureExportPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAUzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAMvE,mDAAmD;AACnD,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB;IACrE;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,yBAAyB,GAC/B,YAAY,CAqDd"}

package/lib/structure/ui/StructureExportPanel.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { CollapsibleSection } from "../../disclosure/ui/CollapsibleSection.js";
+import { sanitizeFileName } from "../../download/core/sanitizeFileName.js";
+import { useChromeT } from "../../i18n/ui/useT.js";
+import { TOKEN } from "../../tokens/core/familyTokens.js";
+import { sourceMolecule } from "../core/sourceMolecule.js";
+import { structureError } from "../core/structureError.js";
+import { structureNotations } from "../core/structureNotations.js";
+import { structureSource } from "../core/structureSource.js";
+import { StructureNotationRow } from "./StructureNotationRow.js";
+import { StructurePicturePane } from "./StructurePicturePane.js";
+/**
+ * Every notation of a drawn structure, and the picture of it.
+ *
+ * The notations come first and in the order a chemist reaches for them — the
+ * SMILES, then the two molfiles — with the canonical identifiers folded away
+ * underneath: they answer a database question rather than a drawing one, so
+ * they are there for whoever came for them and out of the way of everyone
+ * else.
+ * @param props - See {@link StructureExportPanelProps}.
+ * @returns The panel.
+ */
+export function StructureExportPanel(props) {
+    const { idCode, coordinates, molfile, smiles } = props;
+    const { name = 'structure', fragment = false } = props;
+    const t = useChromeT();
+    const read = useMemo(() => readStructure({ idCode, coordinates, molfile, smiles }, fragment), [idCode, coordinates, molfile, smiles, fragment]);
+    if (read.kind !== 'read') {
+        return (_jsx("p", { style: EMPTY_STYLE, children: read.kind === 'empty' ? t('structure.export.nothing') : read.message }));
+    }
+    const fileName = sanitizeFileName(name, 'structure');
+    const notations = read.notations;
+    const common = notations.filter((notation) => !notation.canonical);
+    const identifiers = notations.filter((notation) => notation.canonical);
+    return (_jsxs("div", { className: "structure-export__panes", children: [_jsx(StructurePicturePane, { molecule: read.molecule, fileName: fileName }), _jsxs("div", { className: "structure-export__notations", children: [common.map((notation) => (_jsx(StructureNotationRow, { notation: notation, fileName: fileName }, notation.kind))), _jsx(CollapsibleSection, { className: "structure-export__identifiers", title: t('structure.export.identifiers'), defaultOpen: false, children: identifiers.map((notation) => (_jsx(StructureNotationRow, { notation: notation, fileName: fileName }, notation.kind))) }), _jsx("p", { style: FOOT_STYLE, children: t('overlay.hoverAName') })] })] }));
+}
+/**
+ * Read the notation the caller handed over, and write every other one from it.
+ * @param input - Whatever notations the caller has.
+ * @param fragment - Whether the structure is a query fragment.
+ * @returns The molecule and its notations, or why there are none.
+ */
+function readStructure(input, fragment) {
+    const source = structureSource(input);
+    if (source.kind === 'empty')
+        return { kind: 'empty' };
+    try {
+        const molecule = sourceMolecule(source);
+        // Only ever set, never cleared: an idCode written by a query editor
+        // already carries the flag, and clearing it would export a different
+        // structure from the one that was drawn.
+        if (fragment)
+            molecule.setFragment(true);
+        if (molecule.getAllAtoms() === 0)
+            return { kind: 'empty' };
+        return { kind: 'read', molecule, notations: structureNotations(molecule) };
+    }
+    catch (error) {
+        return { kind: 'error', message: structureError(error).message };
+    }
+}
+const EMPTY_STYLE = {
+    margin: 0,
+    padding: '2rem 0',
+    color: TOKEN.textMuted,
+    fontSize: 13,
+    textAlign: 'center',
+};
+const FOOT_STYLE = {
+    margin: 0,
+    color: TOKEN.textFaint,
+    fontSize: 11,
+};
+//# sourceMappingURL=StructureExportPanel.js.map

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

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

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

@@ -0,0 +1,22 @@
+import type { ReactElement } from 'react';
+import type { StructureNotation } from '../core/structureNotations.ts';
+/** What {@link StructureNotationRow} shows. */
+export interface StructureNotationRowProps {
+    /** The notation, as `structureNotations` wrote it. */
+    notation: StructureNotation;
+    /** Base name of the file this notation is saved as, extension excluded. */
+    fileName: string;
+}
+/**
+ * One notation: its name, the text, and the two ways of taking it away.
+ *
+ * The text is the button that copies it — a notation is only ever wanted
+ * somewhere else — and a notation that is also a file carries a save button on
+ * its name's line, where it cannot be hit while reaching for the text. The
+ * name explains itself on hover, dotted-underlined to say so, so the row needs
+ * no glyph of its own.
+ * @param props - See {@link StructureNotationRowProps}.
+ * @returns The row.
+ */
+export declare function StructureNotationRow(props: StructureNotationRowProps): ReactElement;
+//# sourceMappingURL=StructureNotationRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StructureNotationRow.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructureNotationRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAIvE,+CAA+C;AAC/C,MAAM,WAAW,yBAAyB;IACxC,sDAAsD;IACtD,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,yBAAyB,GAC/B,YAAY,CAkCd"}