react-cheminfo 0.73.0 → 0.74.0

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

@@ -1 +1 @@
-{"version":3,"file":"Structure.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/Structure.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAUhE,sEAAsE;AACtE,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,oCAAoC;AACpC,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;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;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAyD7D"}
+{"version":3,"file":"Structure.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/Structure.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAUhE,sEAAsE;AACtE,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,oCAAoC;AACpC,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;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;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CA+D7D"}

package/lib/structure/ui/Structure.js

@@ -18,11 +18,11 @@ const StructureSvg = lazy(async () => {
  * @returns The picture, or the placeholder.
  */
 export function Structure(props) {
-    const { idCode, coordinates, molfile, smiles, width = 200, height = 140, labels = {}, atomLabels, atomLabelPlacement = 'beside', autoCrop = true, autoCropMargin = 4, atomHighlight, atomHighlightColor = '#a5d8ff', bondHighlight, bondHighlightColor = '#ffd8a8', onAtomClick, onBondClick, fallback = '—', } = props;
+    const { idCode, coordinates, molfile, smiles, width = 200, height = 140, labels = {}, atomLabels, atomLabelPlacement = 'beside', autoCrop = true, autoCropMargin = 4, atomHighlight, atomHighlightColor = '#a5d8ff', bondHighlight, bondHighlightColor = '#ffd8a8', substructure, substructureColor = '#ffd500', substructureOpacity = 0.15, onAtomClick, onBondClick, fallback = '—', } = props;
     const source = structureSource({ idCode, coordinates, molfile, smiles });
     if (source.kind === 'empty') {
         return (_jsx(StructurePlaceholder, { width: width, height: height, children: fallback }));
     }
-    return (_jsx(Suspense, { fallback: _jsx(StructurePlaceholder, { width: width, height: height }), children: _jsx(StructureSvg, { source: source, width: width, height: height, autoCrop: autoCrop, autoCropMargin: autoCropMargin, atomHighlight: atomHighlight, atomHighlightColor: atomHighlightColor, bondHighlight: bondHighlight, bondHighlightColor: bondHighlightColor, showAtomNumber: labels.atoms ?? false, showBondNumber: labels.bonds ?? false, showMapping: labels.mapping ?? false, showCIPParity: labels.stereo ?? false, label: labels.caption, atomLabels: atomLabels, atomLabelPlacement: atomLabelPlacement, onAtomClick: onAtomClick, onBondClick: onBondClick, fallback: fallback }) }));
+    return (_jsx(Suspense, { fallback: _jsx(StructurePlaceholder, { width: width, height: height }), children: _jsx(StructureSvg, { source: source, width: width, height: height, autoCrop: autoCrop, autoCropMargin: autoCropMargin, atomHighlight: atomHighlight, atomHighlightColor: atomHighlightColor, bondHighlight: bondHighlight, bondHighlightColor: bondHighlightColor, substructure: substructure, substructureColor: substructureColor, substructureOpacity: substructureOpacity, showAtomNumber: labels.atoms ?? false, showBondNumber: labels.bonds ?? false, showMapping: labels.mapping ?? false, showCIPParity: labels.stereo ?? false, label: labels.caption, atomLabels: atomLabels, atomLabelPlacement: atomLabelPlacement, onAtomClick: onAtomClick, onBondClick: onBondClick, fallback: fallback }) }));
 }
 //# sourceMappingURL=Structure.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Structure.js","sourceRoot":"","sources":["../../../src/structure/ui/Structure.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA4B,CAAC;AAElE,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE;IACnC,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,mBAAoB,CAAC,CAAC;IAClD,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC;AAC1C,CAAC,CAAC,CAAC;AAsIH;;;;;;;;;;GAUG;AACH,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,EACJ,MAAM,EACN,WAAW,EACX,OAAO,EACP,MAAM,EACN,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,MAAM,GAAG,EAAE,EACX,UAAU,EACV,kBAAkB,GAAG,QAAQ,EAC7B,QAAQ,GAAG,IAAI,EACf,cAAc,GAAG,CAAC,EAClB,aAAa,EACb,kBAAkB,GAAG,SAAS,EAC9B,aAAa,EACb,kBAAkB,GAAG,SAAS,EAC9B,WAAW,EACX,WAAW,EACX,QAAQ,GAAG,GAAG,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;IAEzE,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,OAAO,CACL,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,YAC/C,QAAQ,GACY,CACxB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,YACxE,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,MAAM,CAAC,KAAK,IAAI,KAAK,EACrC,cAAc,EAAE,MAAM,CAAC,KAAK,IAAI,KAAK,EACrC,WAAW,EAAE,MAAM,CAAC,OAAO,IAAI,KAAK,EACpC,aAAa,EAAE,MAAM,CAAC,MAAM,IAAI,KAAK,EACrC,KAAK,EAAE,MAAM,CAAC,OAAO,EACrB,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GAClB,GACO,CACZ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Structure.js","sourceRoot":"","sources":["../../../src/structure/ui/Structure.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA4B,CAAC;AAElE,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE;IACnC,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,mBAAoB,CAAC,CAAC;IAClD,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC;AAC1C,CAAC,CAAC,CAAC;AAwJH;;;;;;;;;;GAUG;AACH,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,EACJ,MAAM,EACN,WAAW,EACX,OAAO,EACP,MAAM,EACN,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,MAAM,GAAG,EAAE,EACX,UAAU,EACV,kBAAkB,GAAG,QAAQ,EAC7B,QAAQ,GAAG,IAAI,EACf,cAAc,GAAG,CAAC,EAClB,aAAa,EACb,kBAAkB,GAAG,SAAS,EAC9B,aAAa,EACb,kBAAkB,GAAG,SAAS,EAC9B,YAAY,EACZ,iBAAiB,GAAG,SAAS,EAC7B,mBAAmB,GAAG,IAAI,EAC1B,WAAW,EACX,WAAW,EACX,QAAQ,GAAG,GAAG,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;IAEzE,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,OAAO,CACL,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,YAC/C,QAAQ,GACY,CACxB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,YACxE,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,iBAAiB,EACpC,mBAAmB,EAAE,mBAAmB,EACxC,cAAc,EAAE,MAAM,CAAC,KAAK,IAAI,KAAK,EACrC,cAAc,EAAE,MAAM,CAAC,KAAK,IAAI,KAAK,EACrC,WAAW,EAAE,MAAM,CAAC,OAAO,IAAI,KAAK,EACpC,aAAa,EAAE,MAAM,CAAC,MAAM,IAAI,KAAK,EACrC,KAAK,EAAE,MAAM,CAAC,OAAO,EACrB,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GAClB,GACO,CACZ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,55 @@
+/**
+ * The dialog a structure search is drawn in, shared by every site that
+ * filters a collection by structure.
+ *
+ * This file stays free of `openchemlib`: the editor loads it behind its own
+ * `React.lazy`, and an example is read only once it is clicked.
+ */
+import type { ReactElement, ReactNode } from 'react';
+import type { StructureSearchExample, StructureSearchMode, StructureSearchQuery } from '../core/structureSearch.ts';
+/** What {@link StructureSearchDialog} needs. */
+export interface StructureSearchDialogProps {
+    /** Whether the dialog is on screen. */
+    isOpen: boolean;
+    /** The question the dialog opens on; its drawing is loaded into the canvas. */
+    value: StructureSearchQuery;
+    /**
+     * Called when the dialog closes — by Apply, by Escape or by its × alike —
+     * with what it then holds, so no drawing is lost to a stray Escape. The
+     * idCode is empty when the canvas was cleared.
+     */
+    onClose: (query: StructureSearchQuery) => void;
+    /**
+     * The modes offered, in order.
+     * @default STRUCTURE_SEARCH_MODES
+     */
+    modes?: readonly StructureSearchMode[];
+    /**
+     * The fragments offered under the canvas.
+     * @default benzene, pyridine, amide, sulfonamide and trifluoromethyl
+     */
+    examples?: readonly StructureSearchExample[];
+    /**
+     * More controls beside the similarity threshold, such as the fingerprint a
+     * site compares.
+     * @default undefined
+     */
+    similarityControls?: ReactNode;
+    /**
+     * Whether the dialog is rendered through a portal on `document.body`.
+     * @default true
+     */
+    usePortal?: boolean;
+}
+/**
+ * Draw a structure and say how it is matched: contained, similar, or the same
+ * compound with or without its stereochemistry and tautomerism.
+ *
+ * What is drawn stays a draft until the dialog closes, and the canvas is never
+ * reloaded under the pen: only opening the dialog and clicking an example put
+ * a structure in it.
+ * @param props - See {@link StructureSearchDialogProps}.
+ * @returns The dialog.
+ */
+export declare function StructureSearchDialog(props: StructureSearchDialogProps): ReactElement;
+//# sourceMappingURL=StructureSearchDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StructureSearchDialog.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructureSearchDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AASH,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOrD,OAAO,KAAK,EACV,sBAAsB,EACtB,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,4BAA4B,CAAC;AAUpC,gDAAgD;AAChD,MAAM,WAAW,0BAA0B;IACzC,uCAAuC;IACvC,MAAM,EAAE,OAAO,CAAC;IAChB,+EAA+E;IAC/E,KAAK,EAAE,oBAAoB,CAAC;IAC5B;;;;OAIG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/C;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,sBAAsB,EAAE,CAAC;IAC7C;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAUD;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,0BAA0B,GAChC,YAAY,CA8Hd"}

package/lib/structure/ui/StructureSearchDialog.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The dialog a structure search is drawn in, shared by every site that
+ * filters a collection by structure.
+ *
+ * This file stays free of `openchemlib`: the editor loads it behind its own
+ * `React.lazy`, and an example is read only once it is clicked.
+ */
+import { Button, Dialog, DialogBody, DialogFooter, HTMLSelect, } from '@blueprintjs/core';
+import { useState } from 'react';
+import { formatPercent } from "../../format/core/numbers.js";
+import { useChromeT } from "../../i18n/ui/useT.js";
+import { isEmptyIdCode } from "../core/editorValue.js";
+import { STRUCTURE_SEARCH_MODES, similarityThresholds, } from "../core/structureSearch.js";
+import { StructureEditor } from "./StructureEditor.js";
+import { useStructureDraft } from "./useStructureDraft.js";
+import { useStructureSearchModes } from "./useStructureSearchModes.js";
+const DEFAULT_EXAMPLES = [
+    { key: 'structure.search.exampleBenzene', smiles: 'c1ccccc1' },
+    { key: 'structure.search.examplePyridine', smiles: 'c1ccncc1' },
+    { key: 'structure.search.exampleAmide', smiles: 'CC(=O)N' },
+    { key: 'structure.search.exampleSulfonamide', smiles: 'S(=O)(=O)N' },
+    { key: 'structure.search.exampleTrifluoromethyl', smiles: 'FC(F)F' },
+];
+/**
+ * Draw a structure and say how it is matched: contained, similar, or the same
+ * compound with or without its stereochemistry and tautomerism.
+ *
+ * What is drawn stays a draft until the dialog closes, and the canvas is never
+ * reloaded under the pen: only opening the dialog and clicking an example put
+ * a structure in it.
+ * @param props - See {@link StructureSearchDialogProps}.
+ * @returns The dialog.
+ */
+export function StructureSearchDialog(props) {
+    const { isOpen, value, onClose, modes = STRUCTURE_SEARCH_MODES, examples, similarityControls, usePortal = true, } = props;
+    const t = useChromeT();
+    const modeLabels = useStructureSearchModes(modes);
+    const draft = useStructureDraft(value.idCode);
+    const [mode, setMode] = useState(value.mode);
+    const [threshold, setThreshold] = useState(value.threshold);
+    // An example is read by a lazily loaded module: until it is in the canvas,
+    // Apply would hand back the drawing it replaces.
+    const [loading, setLoading] = useState(false);
+    const offered = examples ??
+        DEFAULT_EXAMPLES.map((example) => ({
+            label: t(example.key),
+            smiles: example.smiles,
+        }));
+    function close() {
+        const idCode = isEmptyIdCode(draft.value) ? '' : draft.value;
+        onClose({ idCode, mode, threshold });
+    }
+    async function loadExample(smiles) {
+        setLoading(true);
+        try {
+            const { fragmentIdCode } = await import("../core/fragmentIdCode.js");
+            const idCode = fragmentIdCode(smiles);
+            if (idCode !== '')
+                draft.load(idCode);
+        }
+        finally {
+            setLoading(false);
+        }
+    }
+    return (_jsxs(Dialog, { isOpen: isOpen, onOpening: () => {
+            draft.load(value.idCode);
+            setMode(modes.includes(value.mode) ? value.mode : (modes[0] ?? mode));
+            setThreshold(value.threshold);
+        }, onClose: close, usePortal: usePortal, title: t('structure.search.title'), className: "structure-search", children: [_jsxs(DialogBody, { children: [_jsx("div", { className: "structure-search__row", children: modeLabels.map((option) => (_jsx(Button, { size: "small", active: mode === option.mode, intent: mode === option.mode ? 'primary' : 'none', text: option.label, title: option.help, onClick: () => setMode(option.mode) }, option.mode))) }), mode === 'similarity' && (_jsxs("div", { className: "structure-search__row", children: [_jsx("span", { className: "structure-search__label", children: t('structure.search.similarityLabel') }), _jsx(HTMLSelect, { minimal: true, value: threshold, "aria-label": t('structure.search.threshold'), title: t('structure.search.thresholdHelp'), options: similarityThresholds(threshold).map((option) => ({
+                                    value: option,
+                                    label: t('structure.search.thresholdOption', {
+                                        percent: formatPercent(option, 0),
+                                    }),
+                                })), onChange: (event) => setThreshold(Number(event.currentTarget.value)) }), similarityControls] })), _jsx(StructureEditor, { fragment: true, value: draft.value, revision: draft.revision, onChange: (change) => draft.update(change.idCode) }), _jsxs("div", { className: "structure-search__row structure-search__examples", children: [_jsx("span", { className: "structure-search__label", children: t('structure.search.examples') }), offered.map((example) => (_jsx(Button, { variant: "minimal", size: "small", text: example.label, title: example.help, onClick: () => void loadExample(example.smiles) }, example.label)))] })] }), _jsx(DialogFooter, { actions: _jsx(Button, { intent: "primary", icon: "search", text: t('structure.search.apply'), loading: loading, onClick: close }) })] }));
+}
+//# sourceMappingURL=StructureSearchDialog.js.map

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

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

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

@@ -36,6 +36,15 @@ interface StructureSvgProps {
     bondHighlight?: number[];
     /** The colour the highlighted bonds are painted. */
     bondHighlightColor: string;
+    /**
+     * A query idCode whose matches are painted in place of the highlights.
+     * @default undefined
+     */
+    substructure?: string;
+    /** The colour the substructure match is painted. */
+    substructureColor: string;
+    /** How opaque the substructure match is painted, from 0 to 1. */
+    substructureOpacity: number;
     /** Write the index of every atom next to it. */
     showAtomNumber: boolean;
     /** Write the index of every bond next to it. */

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;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"}
+{"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;AAKlE,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;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oDAAoD;IACpD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iEAAiE;IACjE,mBAAmB,EAAE,MAAM,CAAC;IAC5B,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,CA6EnE"}

package/lib/structure/ui/StructureSvg.js

@@ -3,6 +3,7 @@ import { useMemo } from 'react';
 import { SvgRenderer } from 'react-ocl';
 import { applyAtomLabels } from "../core/atomLabels.js";
 import { sourceMolecule } from "../core/sourceMolecule.js";
+import { substructureMatch } from "../core/substructureMatch.js";
 import { StructurePlaceholder } from "./StructurePlaceholder.js";
 /**
  * Read the notation and draw the picture.
@@ -10,16 +11,20 @@ import { StructurePlaceholder } from "./StructurePlaceholder.js";
  * @returns The svg, or the placeholder when the notation cannot be read.
  */
 export function StructureSvg(props) {
-    const { source, fallback, atomLabels, atomLabelPlacement, onAtomClick, onBondClick, showCIPParity, ...rest } = props;
+    const { source, fallback, atomLabels, atomLabelPlacement, onAtomClick, onBondClick, showCIPParity, atomHighlight, atomHighlightColor, bondHighlight, bondHighlightColor, substructure, substructureColor, substructureOpacity, ...rest } = props;
     const { kind, value, coordinates } = source;
     // A map a caller builds during render is a new object every time; its
     // content is what decides whether the molecule has to be read again.
     const labelsKey = atomLabels === undefined ? '' : JSON.stringify([...atomLabels]);
     const drawing = useMemo(() => readDrawing(kind, value, coordinates, labelsKey, atomLabelPlacement), [kind, value, coordinates, labelsKey, atomLabelPlacement]);
+    // Matched on the very molecule drawn, so the indices are the drawn atoms.
+    const match = useMemo(() => drawing === null || substructure === undefined
+        ? null
+        : substructureMatch(drawing.molecule, substructure), [drawing, substructure]);
     if (drawing === null) {
         return (_jsx(StructurePlaceholder, { width: rest.width, height: rest.height, children: fallback }));
     }
-    return (_jsx(SvgRenderer, { ...rest, molecule: drawing.molecule, noCarbonLabelWithCustomLabel: drawing.labelled, suppressCIPParity: !showCIPParity, onAtomClick: onAtomClick === undefined
+    return (_jsx(SvgRenderer, { ...rest, atomHighlight: match === null ? atomHighlight : match.atoms, atomHighlightColor: match === null ? atomHighlightColor : substructureColor, bondHighlight: match === null ? bondHighlight : match.bonds, bondHighlightColor: match === null ? bondHighlightColor : substructureColor, atomHighlightOpacity: match === null ? undefined : substructureOpacity, bondHighlightOpacity: match === null ? undefined : substructureOpacity, molecule: drawing.molecule, noCarbonLabelWithCustomLabel: drawing.labelled, suppressCIPParity: !showCIPParity, onAtomClick: onAtomClick === undefined
             ? undefined
             : (atom) => {
                 onAtomClick(atom);

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

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

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

@@ -19,6 +19,10 @@ export type { StructureDropProps } from './StructureDrop.tsx';
 export { StructureDrop } from './StructureDrop.tsx';
 export type { StructureEditorHelpProps } from './StructureEditorHelp.tsx';
 export { StructureEditorHelp } from './StructureEditorHelp.tsx';
+export type { StructureSearchDialogProps } from './StructureSearchDialog.tsx';
+export { StructureSearchDialog } from './StructureSearchDialog.tsx';
+export type { StructureSearchModeLabel } from './useStructureSearchModes.ts';
+export { useStructureSearchModes } from './useStructureSearchModes.ts';
 export type { StructureExportDialogProps } from './StructureExportDialog.tsx';
 export { StructureExportDialog } from './StructureExportDialog.tsx';
 export type { StructureExportButtonProps } from './StructureExportButton.tsx';

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;;;;;;;;;;;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,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,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,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;AACvD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,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,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,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,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,YAAY,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,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;AACvD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

package/lib/structure/ui/index.js

@@ -14,6 +14,8 @@ export { Structure } from "./Structure.js";
 export { StructureEditor } from "./StructureEditor.js";
 export { StructureDrop } from "./StructureDrop.js";
 export { StructureEditorHelp } from "./StructureEditorHelp.js";
+export { StructureSearchDialog } from "./StructureSearchDialog.js";
+export { useStructureSearchModes } from "./useStructureSearchModes.js";
 export { StructureExportDialog } from "./StructureExportDialog.js";
 export { StructureExportButton } from "./StructureExportButton.js";
 export { useToolbarFloor } from "./useToolbarFloor.js";

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

@@ -1 +1 @@
-{"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,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA2B,CAAC;AAEhE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA6B,CAAC;AAEpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA6B,CAAC;AAGpE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,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,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA2B,CAAC;AAEhE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA6B,CAAC;AAEpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA6B,CAAC;AAEpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA6B,CAAC;AAGpE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}

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

@@ -0,0 +1,18 @@
+import type { StructureSearchMode } from '../core/structureSearch.ts';
+/** A mode, with what a button says and what its tooltip adds. */
+export interface StructureSearchModeLabel {
+    /** The mode. */
+    mode: StructureSearchMode;
+    /** What the button says. */
+    label: string;
+    /** One line on what the mode finds. */
+    help: string;
+}
+/**
+ * The modes in the reader's language, for a site that shows the mode in force
+ * beside the drawing.
+ * @param modes - The modes, in order.
+ * @returns Each mode with its label and its one-line help.
+ */
+export declare function useStructureSearchModes(modes?: readonly StructureSearchMode[]): StructureSearchModeLabel[];
+//# sourceMappingURL=useStructureSearchModes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStructureSearchModes.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/useStructureSearchModes.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAGtE,iEAAiE;AACjE,MAAM,WAAW,wBAAwB;IACvC,gBAAgB;IAChB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAC;CACd;AAsBD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,GAAE,SAAS,mBAAmB,EAA2B,GAC7D,wBAAwB,EAAE,CAO5B"}

package/lib/structure/ui/useStructureSearchModes.js

@@ -0,0 +1,36 @@
+import { useChromeT } from "../../i18n/ui/useT.js";
+import { STRUCTURE_SEARCH_MODES } from "../core/structureSearch.js";
+const MODE_KEYS = {
+    substructure: [
+        'structure.search.substructure',
+        'structure.search.substructureHelp',
+    ],
+    similarity: [
+        'structure.search.similarity',
+        'structure.search.similarityHelp',
+    ],
+    exact: ['structure.search.exact', 'structure.search.exactHelp'],
+    exactNoStereo: [
+        'structure.search.exactNoStereo',
+        'structure.search.exactNoStereoHelp',
+    ],
+    exactNoStereoTautomer: [
+        'structure.search.exactNoStereoTautomer',
+        'structure.search.exactNoStereoTautomerHelp',
+    ],
+};
+/**
+ * The modes in the reader's language, for a site that shows the mode in force
+ * beside the drawing.
+ * @param modes - The modes, in order.
+ * @returns Each mode with its label and its one-line help.
+ */
+export function useStructureSearchModes(modes = STRUCTURE_SEARCH_MODES) {
+    const t = useChromeT();
+    return modes.map((mode) => ({
+        mode,
+        label: t(MODE_KEYS[mode][0]),
+        help: t(MODE_KEYS[mode][1]),
+    }));
+}
+//# sourceMappingURL=useStructureSearchModes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStructureSearchModes.js","sourceRoot":"","sources":["../../../src/structure/ui/useStructureSearchModes.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAYpE,MAAM,SAAS,GAAwD;IACrE,YAAY,EAAE;QACZ,+BAA+B;QAC/B,mCAAmC;KACpC;IACD,UAAU,EAAE;QACV,6BAA6B;QAC7B,iCAAiC;KAClC;IACD,KAAK,EAAE,CAAC,wBAAwB,EAAE,4BAA4B,CAAC;IAC/D,aAAa,EAAE;QACb,gCAAgC;QAChC,oCAAoC;KACrC;IACD,qBAAqB,EAAE;QACrB,wCAAwC;QACxC,4CAA4C;KAC7C;CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,uBAAuB,CACrC,QAAwC,sBAAsB;IAE9D,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACvB,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC1B,IAAI;QACJ,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5B,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;KAC5B,CAAC,CAAC,CAAC;AACN,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-cheminfo",
-  "version": "0.73.0",
+  "version": "0.74.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/locales/de.json

@@ -583,6 +583,28 @@
   "structure.export.noStereoIdCodeHelp": "Jedes Stereoisomer ergibt diese, womit ein ohne Stereozentren gezeichneter Eintrag gefunden wird.",
   "structure.export.noStereoTautomerIdCode": "idCode ohne Stereochemie und Tautomerie",
   "structure.export.noStereoTautomerIdCodeHelp": "Jedes Tautomer und jedes Stereoisomer ergibt diese: Keto- und Enolform haben denselben Schlüssel.",
+  "structure.search.title": "Nach Struktur filtern",
+  "structure.search.apply": "Anwenden",
+  "structure.search.examples": "Ausgehend von",
+  "structure.search.substructure": "Enthält",
+  "structure.search.substructureHelp": "Jedes Molekül, das die Zeichnung enthält.",
+  "structure.search.similarity": "Ähnlich zu",
+  "structure.search.similarityHelp": "Geordnet danach, wie viel der Zeichnung sie teilen.",
+  "structure.search.exact": "Ist genau",
+  "structure.search.exactHelp": "Genau das gezeichnete Molekül.",
+  "structure.search.exactNoStereo": "Beliebiges Stereoisomer",
+  "structure.search.exactNoStereoHelp": "Dieselbe Verbindung, wie auch immer ihre Stereochemie gezeichnet ist.",
+  "structure.search.exactNoStereoTautomer": "Beliebiges Tautomer",
+  "structure.search.exactNoStereoTautomerHelp": "Dieselbe Verbindung in jeder tautomeren Form, ohne ihre Stereochemie.",
+  "structure.search.similarityLabel": "Ähnlichkeit",
+  "structure.search.threshold": "Mindestähnlichkeit",
+  "structure.search.thresholdHelp": "Der kleinste Tanimoto-Koeffizient, den ein Treffer mit der Zeichnung erreicht.",
+  "structure.search.thresholdOption": "≥ {percent}",
+  "structure.search.exampleBenzene": "Benzol",
+  "structure.search.examplePyridine": "Pyridin",
+  "structure.search.exampleAmide": "Amid",
+  "structure.search.exampleSulfonamide": "Sulfonamid",
+  "structure.search.exampleTrifluoromethyl": "Trifluormethyl",
   "molecule3d.view": "Ansicht",
   "molecule3d.resetView": "Ansicht zurücksetzen",
   "molecule3d.spin": "Drehen lassen",

package/src/locales/en.json

@@ -527,6 +527,28 @@
   "structure.export.noStereoIdCodeHelp": "Every stereoisomer of this structure gives this one, so it finds a record drawn without its stereocentres.",
   "structure.export.noStereoTautomerIdCode": "idCode without stereochemistry or tautomer",
   "structure.export.noStereoTautomerIdCodeHelp": "Every tautomer and every stereoisomer gives this one, so the keto and the enol form key together.",
+  "structure.search.title": "Filter by structure",
+  "structure.search.apply": "Apply",
+  "structure.search.examples": "Start from",
+  "structure.search.substructure": "Contains",
+  "structure.search.substructureHelp": "Every molecule the drawing is part of.",
+  "structure.search.similarity": "Similar to",
+  "structure.search.similarityHelp": "Ranked by how much of the drawing they share.",
+  "structure.search.exact": "Is exactly",
+  "structure.search.exactHelp": "The one molecule drawn.",
+  "structure.search.exactNoStereo": "Any stereoisomer",
+  "structure.search.exactNoStereoHelp": "The same compound however its stereochemistry is drawn.",
+  "structure.search.exactNoStereoTautomer": "Any tautomer",
+  "structure.search.exactNoStereoTautomerHelp": "The same compound in any tautomeric form, its stereochemistry ignored.",
+  "structure.search.similarityLabel": "Similarity",
+  "structure.search.threshold": "Minimum similarity",
+  "structure.search.thresholdHelp": "The least Tanimoto coefficient a hit reaches with the drawing.",
+  "structure.search.thresholdOption": "≥ {percent}",
+  "structure.search.exampleBenzene": "Benzene",
+  "structure.search.examplePyridine": "Pyridine",
+  "structure.search.exampleAmide": "Amide",
+  "structure.search.exampleSulfonamide": "Sulfonamide",
+  "structure.search.exampleTrifluoromethyl": "Trifluoromethyl",
   "periodic.table": "Periodic table",
   "periodic.group": "Group {group}",
   "periodic.period": "Period {period}",

package/src/locales/es.json

@@ -583,6 +583,28 @@
   "structure.export.noStereoIdCodeHelp": "Todos los estereoisómeros dan este, así que encuentra un registro dibujado sin sus centros estereogénicos.",
   "structure.export.noStereoTautomerIdCode": "idCode sin estereoquímica ni tautomería",
   "structure.export.noStereoTautomerIdCodeHelp": "Todos los tautómeros y estereoisómeros dan este: la forma cetónica y la enólica comparten clave.",
+  "structure.search.title": "Filtrar por estructura",
+  "structure.search.apply": "Aplicar",
+  "structure.search.examples": "Partir de",
+  "structure.search.substructure": "Contiene",
+  "structure.search.substructureHelp": "Toda molécula de la que el dibujo forma parte.",
+  "structure.search.similarity": "Similar a",
+  "structure.search.similarityHelp": "Ordenadas por cuánto del dibujo comparten.",
+  "structure.search.exact": "Es exactamente",
+  "structure.search.exactHelp": "La molécula dibujada.",
+  "structure.search.exactNoStereo": "Cualquier estereoisómero",
+  "structure.search.exactNoStereoHelp": "El mismo compuesto, sea cual sea su estereoquímica dibujada.",
+  "structure.search.exactNoStereoTautomer": "Cualquier tautómero",
+  "structure.search.exactNoStereoTautomerHelp": "El mismo compuesto en cualquier forma tautomérica, sin su estereoquímica.",
+  "structure.search.similarityLabel": "Similitud",
+  "structure.search.threshold": "Similitud mínima",
+  "structure.search.thresholdHelp": "El menor coeficiente de Tanimoto que alcanza un resultado con el dibujo.",
+  "structure.search.thresholdOption": "≥ {percent}",
+  "structure.search.exampleBenzene": "Benceno",
+  "structure.search.examplePyridine": "Piridina",
+  "structure.search.exampleAmide": "Amida",
+  "structure.search.exampleSulfonamide": "Sulfonamida",
+  "structure.search.exampleTrifluoromethyl": "Trifluorometilo",
   "molecule3d.view": "Vista",
   "molecule3d.resetView": "Reiniciar la vista",
   "molecule3d.spin": "Giro continuo",

package/src/locales/fr.json

@@ -583,6 +583,28 @@
   "structure.export.noStereoIdCodeHelp": "Tous les stéréoisomères donnent celui-ci, ce qui retrouve un enregistrement dessiné sans ses centres stéréogènes.",
   "structure.export.noStereoTautomerIdCode": "idCode sans stéréochimie ni tautomérie",
   "structure.export.noStereoTautomerIdCodeHelp": "Tous les tautomères et tous les stéréoisomères donnent celui-ci : la forme cétone et la forme énol ont la même clé.",
+  "structure.search.title": "Filtrer par structure",
+  "structure.search.apply": "Appliquer",
+  "structure.search.examples": "Partir de",
+  "structure.search.substructure": "Contient",
+  "structure.search.substructureHelp": "Toutes les molécules dont le dessin fait partie.",
+  "structure.search.similarity": "Similaire à",
+  "structure.search.similarityHelp": "Classées selon la part du dessin qu’elles partagent.",
+  "structure.search.exact": "Exactement",
+  "structure.search.exactHelp": "La seule molécule dessinée.",
+  "structure.search.exactNoStereo": "Tout stéréoisomère",
+  "structure.search.exactNoStereoHelp": "Le même composé, quelle que soit sa stéréochimie dessinée.",
+  "structure.search.exactNoStereoTautomer": "Tout tautomère",
+  "structure.search.exactNoStereoTautomerHelp": "Le même composé sous toute forme tautomère, sa stéréochimie ignorée.",
+  "structure.search.similarityLabel": "Similarité",
+  "structure.search.threshold": "Similarité minimale",
+  "structure.search.thresholdHelp": "Le plus petit coefficient de Tanimoto qu’un résultat atteint avec le dessin.",
+  "structure.search.thresholdOption": "≥ {percent}",
+  "structure.search.exampleBenzene": "Benzène",
+  "structure.search.examplePyridine": "Pyridine",
+  "structure.search.exampleAmide": "Amide",
+  "structure.search.exampleSulfonamide": "Sulfonamide",
+  "structure.search.exampleTrifluoromethyl": "Trifluorométhyle",
   "molecule3d.view": "Vue",
   "molecule3d.resetView": "Réinitialiser la vue",
   "molecule3d.spin": "Rotation continue",

package/src/locales/it.json

@@ -527,6 +527,28 @@
   "structure.export.noStereoIdCodeHelp": "Ogni stereoisomero dà questo, così trova una voce disegnata senza i suoi centri stereogenici.",
   "structure.export.noStereoTautomerIdCode": "idCode senza stereochimica né tautomeria",
   "structure.export.noStereoTautomerIdCodeHelp": "Ogni tautomero e ogni stereoisomero dà questo: la forma chetonica e quella enolica hanno la stessa chiave.",
+  "structure.search.title": "Filtra per struttura",
+  "structure.search.apply": "Applica",
+  "structure.search.examples": "Parti da",
+  "structure.search.substructure": "Contiene",
+  "structure.search.substructureHelp": "Ogni molecola di cui il disegno fa parte.",
+  "structure.search.similarity": "Simile a",
+  "structure.search.similarityHelp": "Ordinate per quanta parte del disegno condividono.",
+  "structure.search.exact": "È esattamente",
+  "structure.search.exactHelp": "La molecola disegnata.",
+  "structure.search.exactNoStereo": "Qualsiasi stereoisomero",
+  "structure.search.exactNoStereoHelp": "Lo stesso composto, qualunque sia la stereochimica disegnata.",
+  "structure.search.exactNoStereoTautomer": "Qualsiasi tautomero",
+  "structure.search.exactNoStereoTautomerHelp": "Lo stesso composto in qualsiasi forma tautomerica, senza la sua stereochimica.",
+  "structure.search.similarityLabel": "Similarità",
+  "structure.search.threshold": "Similarità minima",
+  "structure.search.thresholdHelp": "Il più piccolo coefficiente di Tanimoto che un risultato raggiunge con il disegno.",
+  "structure.search.thresholdOption": "≥ {percent}",
+  "structure.search.exampleBenzene": "Benzene",
+  "structure.search.examplePyridine": "Piridina",
+  "structure.search.exampleAmide": "Ammide",
+  "structure.search.exampleSulfonamide": "Sulfonammide",
+  "structure.search.exampleTrifluoromethyl": "Trifluorometile",
   "periodic.table": "Tavola periodica",
   "periodic.group": "Gruppo {group}",
   "periodic.period": "Periodo {period}",

package/src/structure/core/fragmentIdCode.ts

@@ -0,0 +1,25 @@
+/**
+ * A SMILES turned into the idCode a query editor holds.
+ *
+ * **Not exported from `core/index.ts`**: it value-imports `openchemlib`, so
+ * the structure search dialog loads it with a dynamic import, only once an
+ * example is clicked.
+ */
+
+import { Molecule } from 'openchemlib';
+
+/**
+ * Read a SMILES as a query fragment.
+ * @param smiles - The fragment.
+ * @returns Its idCode, flagged as a fragment so any substituent may hang off
+ * it; empty when the SMILES cannot be read.
+ */
+export function fragmentIdCode(smiles: string): string {
+  try {
+    const fragment = Molecule.fromSmiles(smiles);
+    fragment.setFragment(true);
+    return fragment.getIDCode();
+  } catch {
+    return '';
+  }
+}

package/src/structure/core/index.ts

@@ -77,6 +77,16 @@ export type {
   StructurePictureOptions,
 } from './structurePicture.ts';
 export { STRUCTURE_BOND_LENGTH, structurePicture } from './structurePicture.ts';
+export type {
+  StructureSearchExample,
+  StructureSearchMode,
+  StructureSearchQuery,
+} from './structureSearch.ts';
+export {
+  SIMILARITY_THRESHOLDS,
+  STRUCTURE_SEARCH_MODES,
+  similarityThresholds,
+} from './structureSearch.ts';
 export type {
   StructureSource,
   StructureSourceInput,