react-cheminfo 0.66.0 → 0.67.0

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

@@ -0,0 +1,20 @@
+import type { ReactElement } from 'react';
+import type { StructureTransfer } from '../core/structureTransfer.ts';
+/** What {@link EditorImportButton} needs. */
+export interface EditorImportButtonProps {
+    /** Called with the files chosen. */
+    onImport: (transfer: StructureTransfer) => void;
+    /**
+     * The file types the picker offers, as an `accept` attribute.
+     * @default undefined
+     */
+    accept?: string;
+}
+/**
+ * The editor's open button, beside the export one, for a visitor who cannot
+ * drag a file onto the canvas — on a phone, or from a picker.
+ * @param props - See {@link EditorImportButtonProps}.
+ * @returns The button and its hidden file input.
+ */
+export declare function EditorImportButton(props: EditorImportButtonProps): ReactElement;
+//# sourceMappingURL=EditorImportButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorImportButton.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/EditorImportButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,6CAA6C;AAC7C,MAAM,WAAW,uBAAuB;IACtC,oCAAoC;IACpC,QAAQ,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,uBAAuB,GAC7B,YAAY,CA+Bd"}

package/lib/structure/ui/EditorImportButton.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@blueprintjs/core';
+import { useRef } from 'react';
+import { useChromeT } from "../../i18n/ui/useT.js";
+import { ActionTooltip } from "../../shared/ui/ActionTooltip.js";
+/**
+ * The editor's open button, beside the export one, for a visitor who cannot
+ * drag a file onto the canvas — on a phone, or from a picker.
+ * @param props - See {@link EditorImportButtonProps}.
+ * @returns The button and its hidden file input.
+ */
+export function EditorImportButton(props) {
+    const { onImport, accept } = props;
+    const t = useChromeT();
+    const input = useRef(null);
+    return (_jsxs(_Fragment, { children: [_jsx(ActionTooltip, { content: t('structure.import.open'), placement: "left", children: _jsx(Button, { variant: "minimal", size: "small", icon: "import", "aria-label": t('structure.import.open'), onClick: () => input.current?.click() }) }), _jsx("input", { ref: input, type: "file", accept: accept, hidden: true, "data-testid": "structure-editor-file", onChange: (event) => {
+                    const files = Array.from(event.currentTarget.files ?? []);
+                    // Cleared, so choosing the same file again is a change.
+                    event.currentTarget.value = '';
+                    if (files.length > 0)
+                        onImport({ kind: 'files', files });
+                } })] }));
+}
+//# sourceMappingURL=EditorImportButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorImportButton.js","sourceRoot":"","sources":["../../../src/structure/ui/EditorImportButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAmC,CAAC;AAclE;;;;;GAKG;AACH,MAAM,UAAU,kBAAkB,CAChC,KAA8B;IAE9B,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACnC,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACvB,MAAM,KAAK,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE7C,OAAO,CACL,8BACE,KAAC,aAAa,IAAC,OAAO,EAAE,CAAC,CAAC,uBAAuB,CAAC,EAAE,SAAS,EAAC,MAAM,YAClE,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,gBACD,CAAC,CAAC,uBAAuB,CAAC,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,GACrC,GACY,EAChB,gBACE,GAAG,EAAE,KAAK,EACV,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,MAAM,uBACM,uBAAuB,EACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;oBAC1D,wDAAwD;oBACxD,KAAK,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAC;oBAC/B,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;wBAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC3D,CAAC,GACD,IACD,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,17 @@
+import type { ReactElement } from 'react';
+import type { StructureImportProblem } from './useStructureImport.ts';
+/** What {@link EditorImportProblem} needs. */
+export interface EditorImportProblemProps {
+    /** What went wrong. */
+    problem: StructureImportProblem;
+    /** Forget it. */
+    onDismiss: () => void;
+}
+/**
+ * The line along the bottom of the canvas that says a drop loaded nothing,
+ * and that the drawing is still there.
+ * @param props - See {@link EditorImportProblemProps}.
+ * @returns The line.
+ */
+export declare function EditorImportProblem(props: EditorImportProblemProps): ReactElement;
+//# sourceMappingURL=EditorImportProblem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorImportProblem.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/EditorImportProblem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAIzD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEtE,8CAA8C;AAC9C,MAAM,WAAW,wBAAwB;IACvC,uBAAuB;IACvB,OAAO,EAAE,sBAAsB,CAAC;IAChC,iBAAiB;IACjB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,wBAAwB,GAC9B,YAAY,CAqBd"}

package/lib/structure/ui/EditorImportProblem.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Callout } from '@blueprintjs/core';
+import { useChromeT } from "../../i18n/ui/useT.js";
+/**
+ * The line along the bottom of the canvas that says a drop loaded nothing,
+ * and that the drawing is still there.
+ * @param props - See {@link EditorImportProblemProps}.
+ * @returns The line.
+ */
+export function EditorImportProblem(props) {
+    const { problem, onDismiss } = props;
+    const t = useChromeT();
+    return (_jsx("div", { role: "alert", style: PLACE, children: _jsxs(Callout, { intent: "danger", icon: null, compact: true, style: LINE, children: [_jsx("span", { style: TEXT, children: problem.file === null
+                        ? t('structure.import.unreadableText')
+                        : t('structure.import.unreadableFile', { name: problem.file }) }), _jsx(Button, { variant: "minimal", size: "small", icon: "cross", "aria-label": t('overlay.dismiss'), onClick: onDismiss })] }) }));
+}
+/** Clear of the tool palette, two 21px columns in a 2px border, at the left. */
+const PLACE = {
+    position: 'absolute',
+    right: 4,
+    bottom: 4,
+    left: 52,
+    zIndex: 10,
+};
+const LINE = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: 6,
+    fontSize: 12,
+};
+const TEXT = { flex: 1 };
+//# sourceMappingURL=EditorImportProblem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorImportProblem.js","sourceRoot":"","sources":["../../../src/structure/ui/EditorImportProblem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAYnD;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CACjC,KAA+B;IAE/B,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACvB,OAAO,CACL,cAAK,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,YAC5B,MAAC,OAAO,IAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,QAAC,KAAK,EAAE,IAAI,aACtD,eAAM,KAAK,EAAE,IAAI,YACd,OAAO,CAAC,IAAI,KAAK,IAAI;wBACpB,CAAC,CAAC,CAAC,CAAC,iCAAiC,CAAC;wBACtC,CAAC,CAAC,CAAC,CAAC,iCAAiC,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,GAC3D,EACP,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,OAAO,gBACA,CAAC,CAAC,iBAAiB,CAAC,EAChC,OAAO,EAAE,SAAS,GAClB,IACM,GACN,CACP,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,MAAM,KAAK,GAAkB;IAC3B,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,IAAI,GAAkB;IAC1B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,CAAC;IACN,QAAQ,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,IAAI,GAAkB,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC"}

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

@@ -0,0 +1,39 @@
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
+import type { StructureTransfer } from '../core/structureTransfer.ts';
+/** What {@link StructureDrop} needs. */
+export interface StructureDropProps {
+    /** Called with the files or the text dropped. */
+    onDrop: (transfer: StructureTransfer) => void;
+    /** What the drop lands on. */
+    children: ReactNode;
+    /**
+     * What the overlay says while something is dragged over.
+     * @default 'Drop to load the structure', in the page's language
+     */
+    label?: string;
+    /**
+     * Take no drop, while a load is already running for instance.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Class of the wrapping element.
+     * @default undefined
+     */
+    className?: string;
+    /**
+     * Extra style for the wrapping element, which is positioned so the overlay
+     * covers it.
+     * @default undefined
+     */
+    style?: CSSProperties;
+}
+/**
+ * Make an area take a structure file, or structure text dragged from another
+ * page, with the same veil the structure editor raises over its canvas. What
+ * was dropped is handed over unread: the page knows which formats it takes.
+ * @param props - See {@link StructureDropProps}.
+ * @returns The area.
+ */
+export declare function StructureDrop(props: StructureDropProps): ReactElement;
+//# sourceMappingURL=StructureDrop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StructureDrop.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructureDrop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAKtE,wCAAwC;AACxC,MAAM,WAAW,kBAAkB;IACjC,iDAAiD;IACjD,MAAM,EAAE,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,8BAA8B;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CAqBrE"}

package/lib/structure/ui/StructureDrop.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useChromeT } from "../../i18n/ui/useT.js";
+import { StructureDropOverlay } from "./StructureDropOverlay.js";
+import { useStructureDrop } from "./useStructureDrop.js";
+/**
+ * Make an area take a structure file, or structure text dragged from another
+ * page, with the same veil the structure editor raises over its canvas. What
+ * was dropped is handed over unread: the page knows which formats it takes.
+ * @param props - See {@link StructureDropProps}.
+ * @returns The area.
+ */
+export function StructureDrop(props) {
+    const { onDrop, children, label, disabled = false } = props;
+    const { className, style } = props;
+    const t = useChromeT();
+    const drop = useStructureDrop(disabled ? undefined : onDrop);
+    return (_jsxs("div", { className: className, style: { position: 'relative', ...style }, ...drop.targetProps, children: [children, drop.over ? (_jsx(StructureDropOverlay, { label: label ?? t('structure.import.drop'), handlers: drop.overlayProps })) : null] }));
+}
+//# sourceMappingURL=StructureDrop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StructureDrop.js","sourceRoot":"","sources":["../../../src/structure/ui/StructureDrop.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAGnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA4B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AA+BzD;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAC5D,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACnC,MAAM,CAAC,GAAG,UAAU,EAAE,CAAC;IACvB,MAAM,IAAI,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAE7D,OAAO,CACL,eACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,KACrC,IAAI,CAAC,WAAW,aAEnB,QAAQ,EACR,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,KAAC,oBAAoB,IACnB,KAAK,EAAE,KAAK,IAAI,CAAC,CAAC,uBAAuB,CAAC,EAC1C,QAAQ,EAAE,IAAI,CAAC,YAAY,GAC3B,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,16 @@
+import type { ReactElement } from 'react';
+import type { DropHandlers } from './useStructureDrop.ts';
+/** What {@link StructureDropOverlay} needs. */
+export interface StructureDropOverlayProps {
+    /** What the overlay says. */
+    label: string;
+    /** The overlay handlers of `useStructureDrop`. */
+    handlers: DropHandlers;
+}
+/**
+ * The veil a drop target raises while a file or text is dragged over it.
+ * @param props - See {@link StructureDropOverlayProps}.
+ * @returns The overlay.
+ */
+export declare function StructureDropOverlay(props: StructureDropOverlayProps): ReactElement;
+//# sourceMappingURL=StructureDropOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StructureDropOverlay.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructureDropOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,+CAA+C;AAC/C,MAAM,WAAW,yBAAyB;IACxC,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,yBAAyB,GAC/B,YAAY,CAUd"}

package/lib/structure/ui/StructureDropOverlay.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@blueprintjs/core';
+/**
+ * The veil a drop target raises while a file or text is dragged over it.
+ * @param props - See {@link StructureDropOverlayProps}.
+ * @returns The overlay.
+ */
+export function StructureDropOverlay(props) {
+    const { label, handlers } = props;
+    return (_jsxs("div", { "data-testid": "structure-drop-overlay", style: OVERLAY, ...handlers, children: [_jsx(Icon, { icon: "import", size: 28, style: PASSIVE }), _jsx("span", { style: PASSIVE, children: label })] }));
+}
+const OVERLAY = {
+    position: 'absolute',
+    inset: 0,
+    zIndex: 20,
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 8,
+    border: '2px dashed var(--accent)',
+    borderRadius: 'inherit',
+    background: 'color-mix(in oklab, var(--accent) 10%, rgb(255 255 255 / 88%))',
+    color: 'var(--accent)',
+    fontSize: 14,
+    fontWeight: 600,
+};
+const PASSIVE = { pointerEvents: 'none' };
+//# sourceMappingURL=StructureDropOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StructureDropOverlay.js","sourceRoot":"","sources":["../../../src/structure/ui/StructureDropOverlay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAazC;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAClC,KAAgC;IAEhC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,CACL,8BAAiB,wBAAwB,EAAC,KAAK,EAAE,OAAO,KAAM,QAAQ,aAGpE,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,GAAI,EAChD,eAAM,KAAK,EAAE,OAAO,YAAG,KAAK,GAAQ,IAChC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,OAAO,GAAkB;IAC7B,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,0BAA0B;IAClC,YAAY,EAAE,SAAS;IACvB,UAAU,EAAE,gEAAgE;IAC5E,KAAK,EAAE,eAAe;IACtB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;CAChB,CAAC;AAEF,MAAM,OAAO,GAAkB,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC"}

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

@@ -6,86 +6,9 @@
  * and `react-cheminfo/structure` stays importable when those optional peers
  * are absent.
  */
-import type { CSSProperties, ReactElement } from 'react';
-import type { CanvasEditorInputFormat } from 'react-ocl';
-import type { StructureEditorChange, StructureEditorMode } from './editorChange.ts';
-/** What {@link StructureEditor} needs. */
-export interface StructureEditorProps {
-    /**
-     * Called after every edit, once the drawing has been still for `debounce`
-     * milliseconds, with every notation read out of the editor.
-     */
-    onChange: (change: StructureEditorChange) => void;
-    /**
-     * Draw a query fragment rather than a whole structure, which is what a
-     * substructure filter needs.
-     * @default false
-     */
-    fragment?: boolean;
-    /**
-     * How `value` is written.
-     * @default 'idcode'
-     */
-    inputFormat?: CanvasEditorInputFormat;
-    /**
-     * What the canvas holds. Read once, when the editor appears and again on
-     * every change of `revision`: the editor is uncontrolled, so feeding the
-     * drawing back into it would replace the structure and reset every
-     * coordinate under the pen.
-     * @default ''
-     */
-    value?: string;
-    /**
-     * Bumped by the caller to load `value` into the canvas again, which is what
-     * an example, a share link or a Clear button does. Changing it discards
-     * whatever was being drawn.
-     * @default 0
-     */
-    revision?: number;
-    /**
-     * How long the drawing has to be still before `onChange` is called, in
-     * milliseconds. Long enough that drawing a ring does not publish six
-     * structures; `0` reports every stroke.
-     * @default 300
-     */
-    debounce?: number;
-    /**
-     * Smallest height of the drawing area, in pixels. Raised to whatever the
-     * toolbar needs, which is usually more.
-     * @default 320
-     */
-    minHeight?: number;
-    /**
-     * Whether the editor draws one structure or a reaction. A reaction canvas
-     * has its own toolbar and its own arrow.
-     * @default 'molecule'
-     */
-    mode?: StructureEditorMode;
-    /**
-     * Explain each toolbar button in a tooltip, and put a button in the corner
-     * that opens a guide to the mouse and the keyboard, which F1 opens too.
-     * @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
-     */
-    className?: string;
-    /**
-     * Extra style for the container, merged over the packaged one.
-     * @default undefined
-     */
-    style?: CSSProperties;
-}
+import type { ReactElement } from 'react';
+import type { StructureEditorProps } from './structureEditorProps.ts';
+export type { StructureEditorProps } from './structureEditorProps.ts';
 /**
  * The canvas structure editor, sized to fill its container and never to hide
  * part of its toolbar, with a tooltip on every toolbar button and a guide to

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;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"}
+{"version":3,"file":"StructureEditor.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructureEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAYzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAOtE,YAAY,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAYtE;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAoGzE"}

package/lib/structure/ui/StructureEditor.js

@@ -1,11 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Suspense, lazy, useCallback, useEffect, useRef, useState, } from 'react';
+import { Suspense, lazy, useCallback } 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 { EditorImportButton } from "./EditorImportButton.js";
+import { EditorImportProblem } from "./EditorImportProblem.js";
+import { StructureDropOverlay } from "./StructureDropOverlay.js";
 import { ToolbarTooltip } from "./ToolbarTooltip.js";
+import { useDebouncedChange } from "./useDebouncedChange.js";
 import { useEditorStructure } from "./useEditorStructure.js";
+import { useStructureDrop } from "./useStructureDrop.js";
+import { useStructureImport } from "./useStructureImport.js";
 import { useToolbarFloor } from "./useToolbarFloor.js";
 const EditorExportButton = lazy(async () => {
     const module = await import("./EditorExportButton.js");
@@ -23,10 +28,10 @@ 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, exportable = true, className, style, } = props;
+    const { onChange, fragment = false, inputFormat = 'idcode', value = '', revision = 0, debounce = 300, minHeight = 320, mode = 'molecule', help = true, exportable = true, importable = true, onImport, className, style, } = props;
     const t = useChromeT();
     const containerRef = useToolbarFloor({ minHeight, revision });
-    const handleChange = useDebounced(onChange, debounce, revision);
+    const handleChange = useDebouncedChange(onChange, debounce, revision);
     const drawing = useEditorStructure({ value, inputFormat, revision });
     const handleEdit = useCallback((change) => {
         // Tapped undebounced, so a button beside the canvas reads the structure
@@ -34,34 +39,15 @@ export function StructureEditor(props) {
         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.
- *
- * The editor's own event is read out before the wait starts, so what arrives
- * late is a plain object rather than a handle on an editor that has moved on.
- * An editor removed mid-burst — a tab switched, a card folded — still reports
- * its last edit, which would otherwise be lost with the timer.
- * @param onChange - What the caller wants told.
- * @param delay - How long the drawing has to be still, in milliseconds.
- * @param resetKey - Dropped edits: a burst still waiting when the caller
- * replaces the structure describes a canvas that no longer exists.
- * @returns The handler to give the canvas.
- */
-function useDebounced(onChange, delay, resetKey) {
-    const [pending] = useState((createPendingCall));
-    const onChangeRef = useRef(onChange);
-    useEffect(() => {
-        onChangeRef.current = onChange;
+    const imports = useStructureImport({
+        revision,
+        fragment,
+        onImport,
+        onRead: handleEdit,
     });
-    useEffect(() => {
-        pending.drop();
-    }, [pending, resetKey]);
-    useEffect(() => () => pending.flush(), [pending]);
-    return useCallback((change) => {
-        pending.push(change, delay, (value) => onChangeRef.current(value));
-    }, [pending, delay]);
+    const takesImports = importable && mode === 'molecule';
+    const drop = useStructureDrop(takesImports ? imports.load : undefined);
+    return (_jsxs("div", { ref: containerRef, className: className, style: { ...ROOT_STYLE, minHeight, ...style }, ...drop.targetProps, children: [_jsxs(Suspense, { fallback: _jsx("div", { style: LOADING_STYLE, children: t('structure.loadingEditor') }), children: [_jsx(EditorCanvas, { onChange: handleEdit, fragment: fragment, inputFormat: imports.idCode === null ? inputFormat : 'idcode', value: imports.idCode ?? value, mode: mode }, imports.canvasKey), help ? (_jsx(ToolbarTooltip, { containerRef: containerRef, mode: mode })) : null, _jsxs("div", { style: CORNER_STYLE, children: [takesImports ? (_jsx(EditorImportButton, { onImport: imports.load, accept: onImport === undefined ? STRUCTURE_FILES : undefined })) : null, exportable && mode === 'molecule' ? (_jsx(EditorExportButton, { source: drawing.source, fragment: fragment, empty: drawing.empty })) : null, help ? (_jsx(EditorHelpButton, { containerRef: containerRef, mode: mode, fragment: fragment })) : null] }), imports.problem === null ? null : (_jsx(EditorImportProblem, { problem: imports.problem, onDismiss: imports.dismiss }))] }), drop.over ? (_jsx(StructureDropOverlay, { label: t('structure.import.drop'), handlers: drop.overlayProps })) : null] }));
 }
 /**
  * The canvas is positioned out of the height computation, so the container's
@@ -79,8 +65,8 @@ const ROOT_STYLE = {
     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.
+ * The corner the editor's own buttons sit in: open, export, then help — the
+ * drawing in, the drawing out, and the guide last.
  */
 const CORNER_STYLE = {
     position: 'absolute',
@@ -99,4 +85,6 @@ const LOADING_STYLE = {
     color: TOKEN.textFaint,
     fontSize: 13,
 };
+/** What the editor reads itself, offered first by the file picker. */
+const STRUCTURE_FILES = '.mol,.sdf,.sd,.smi,.smiles,.txt';
 //# sourceMappingURL=StructureEditor.js.map

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/importedStructure.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Read a structure dropped on the editor, or opened from disk.
+ *
+ * **Not exported from `ui/index.ts`**: it value-imports `openchemlib`. The
+ * editor loads it on the first drop, by which time the canvas has already
+ * brought openchemlib in.
+ */
+import type { StructureEditorMoleculeChange } from './editorChange.ts';
+/**
+ * Turn dropped text into what the editor reports after an edit.
+ *
+ * A molfile is read whole, so an SDF gives its first record. Anything else is
+ * read from its first meaningful line, as a SMILES and then as an idCode — but
+ * an idCode only when it is the canonical one, because openchemlib decodes
+ * almost any word into some molecule: `ethanol` read as an idCode has 1106
+ * atoms. A word holding a character no idCode holds is never decoded, since
+ * openchemlib does not return from some of them — `O=Cc1cccc`, a SMILES with
+ * an unclosed ring, is one. A 3D structure is laid out flat, since the canvas
+ * draws in 2D.
+ * @param text - The file's content or the dragged text.
+ * @param fragment - Whether the editor draws a query fragment.
+ * @returns The change, or `null` when the text holds no structure.
+ */
+export declare function readImportedStructure(text: string, fragment: boolean): StructureEditorMoleculeChange | null;
+//# sourceMappingURL=importedStructure.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"importedStructure.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/importedStructure.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,mBAAmB,CAAC;AAEvE;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,OAAO,GAChB,6BAA6B,GAAG,IAAI,CActC"}

package/lib/structure/ui/importedStructure.js

@@ -0,0 +1,74 @@
+/**
+ * Read a structure dropped on the editor, or opened from disk.
+ *
+ * **Not exported from `ui/index.ts`**: it value-imports `openchemlib`. The
+ * editor loads it on the first drop, by which time the canvas has already
+ * brought openchemlib in.
+ */
+import { Canonizer, Molecule } from 'openchemlib';
+import { splitEditorValue } from "../core/editorValue.js";
+/**
+ * Turn dropped text into what the editor reports after an edit.
+ *
+ * A molfile is read whole, so an SDF gives its first record. Anything else is
+ * read from its first meaningful line, as a SMILES and then as an idCode — but
+ * an idCode only when it is the canonical one, because openchemlib decodes
+ * almost any word into some molecule: `ethanol` read as an idCode has 1106
+ * atoms. A word holding a character no idCode holds is never decoded, since
+ * openchemlib does not return from some of them — `O=Cc1cccc`, a SMILES with
+ * an unclosed ring, is one. A 3D structure is laid out flat, since the canvas
+ * draws in 2D.
+ * @param text - The file's content or the dragged text.
+ * @param fragment - Whether the editor draws a query fragment.
+ * @returns The change, or `null` when the text holds no structure.
+ */
+export function readImportedStructure(text, fragment) {
+    const molecule = parseStructure(text);
+    if (molecule === null || molecule.getAllAtoms() === 0)
+        return null;
+    if (hasDepth(molecule))
+        molecule.inventCoordinates();
+    molecule.setFragment(fragment);
+    const canonizer = new Canonizer(molecule);
+    return {
+        mode: 'molecule',
+        idCode: `${canonizer.getIDCode()} ${canonizer.getEncodedCoordinates(false)}`,
+        molfile: molecule.toMolfile(),
+        smiles: molecule.toIsomericSmiles(),
+        molecule: molecule.getCompactCopy(),
+    };
+}
+function parseStructure(text) {
+    const value = splitEditorValue(text);
+    if (value.kind === 'molfile') {
+        return attempt(() => Molecule.fromMolfile(value.molfile));
+    }
+    const notation = value.entries[0]?.structure;
+    if (notation === undefined)
+        return null;
+    return (attempt(() => Molecule.fromSmiles(notation)) ?? canonicalIdCode(notation));
+}
+function canonicalIdCode(text) {
+    if (!ID_CODE.test(text))
+        return null;
+    const molecule = attempt(() => Molecule.fromIDCode(text));
+    return molecule?.getIDCode() === text ? molecule : null;
+}
+function attempt(parse) {
+    try {
+        return parse();
+    }
+    catch {
+        return null;
+    }
+}
+function hasDepth(molecule) {
+    for (let atom = 0; atom < molecule.getAllAtoms(); atom++) {
+        if (molecule.getAtomZ(atom) !== 0)
+            return true;
+    }
+    return false;
+}
+/** An idCode is written in six-bit groups offset to `@`, so in `@` to DEL. */
+const ID_CODE = /^[\u0040-\u007F]+$/;
+//# sourceMappingURL=importedStructure.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"importedStructure.js","sourceRoot":"","sources":["../../../src/structure/ui/importedStructure.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI1D;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,qBAAqB,CACnC,IAAY,EACZ,QAAiB;IAEjB,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IACtC,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACnE,IAAI,QAAQ,CAAC,QAAQ,CAAC;QAAE,QAAQ,CAAC,iBAAiB,EAAE,CAAC;IACrD,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAE/B,MAAM,SAAS,GAAG,IAAI,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC1C,OAAO;QACL,IAAI,EAAE,UAAU;QAChB,MAAM,EAAE,GAAG,SAAS,CAAC,SAAS,EAAE,IAAI,SAAS,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE;QAC5E,OAAO,EAAE,QAAQ,CAAC,SAAS,EAAE;QAC7B,MAAM,EAAE,QAAQ,CAAC,gBAAgB,EAAE;QACnC,QAAQ,EAAE,QAAQ,CAAC,cAAc,EAAE;KACpC,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,IAAY;IAClC,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACrC,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC7B,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5D,CAAC;IACD,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC;IAC7C,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IACxC,OAAO,CACL,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,IAAI,eAAe,CAAC,QAAQ,CAAC,CAC1E,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,IAAY;IACnC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IACrC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1D,OAAO,QAAQ,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;AAC1D,CAAC;AAED,SAAS,OAAO,CAAC,KAAqB;IACpC,IAAI,CAAC;QACH,OAAO,KAAK,EAAE,CAAC;IACjB,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,QAAkB;IAClC,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC;QACzD,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;IACjD,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,8EAA8E;AAC9E,MAAM,OAAO,GAAG,oBAAoB,CAAC"}

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

@@ -15,6 +15,8 @@ export type { StructureLabels, StructureProps } from './Structure.tsx';
 export { Structure } from './Structure.tsx';
 export type { StructureEditorProps } from './StructureEditor.tsx';
 export { StructureEditor } from './StructureEditor.tsx';
+export type { StructureDropProps } from './StructureDrop.tsx';
+export { StructureDrop } from './StructureDrop.tsx';
 export type { StructureEditorHelpProps } from './StructureEditorHelp.tsx';
 export { StructureEditorHelp } from './StructureEditorHelp.tsx';
 export type { StructureExportDialogProps } from './StructureExportDialog.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,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,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

@@ -12,6 +12,7 @@
  */
 export { Structure } from "./Structure.js";
 export { StructureEditor } from "./StructureEditor.js";
+export { StructureDrop } from "./StructureDrop.js";
 export { StructureEditorHelp } from "./StructureEditorHelp.js";
 export { StructureExportDialog } from "./StructureExportDialog.js";
 export { StructureExportButton } from "./StructureExportButton.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,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,qBAAqB,EAAE,MAAM,4BAA6B,CAAC;AAGpE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}