react-cheminfo 0.75.0 → 0.77.0

package/lib/osiris/ui/PropertyPanel.d.ts

@@ -0,0 +1,91 @@
+/**
+ * Everything OSIRIS predicts about one molecule: the four toxicity risks, then
+ * the ten numbers, in the order the original panel showed them.
+ *
+ * One panel wherever a molecule is predicted — beside an editor's canvas, for
+ * the row of a table the reader focused, beside a drawing — because a second
+ * panel would be a second place for the same ten rows to drift apart.
+ *
+ * The sections stand whether or not there is anything in them. A prediction
+ * costs a fifth of a second, and a panel that appeared only once it was ready
+ * would move the page under the reader's eye every time they drew a bond.
+ *
+ * Which explanation is open is the caller's state — it belongs to the page, and
+ * on the explorer it is what a click on a square changes — but *fetching* it is
+ * the panel's own business, so no page repeats the dance.
+ */
+import type { ReactElement, ReactNode } from 'react';
+import type { PropertyKey } from '../core/propertyKeys.ts';
+import type { OsirisProperties, RiskDetail, RiskType } from '../core/types.ts';
+/** What {@link PropertyPanel} needs. */
+export interface PropertyPanelProps {
+    /**
+     * What was predicted, or `null` when there is nothing to show yet.
+     * @default null
+     */
+    properties?: OsirisProperties | null;
+    /**
+     * The atom layout to draw the molecule with, in an explanation. Empty leaves
+     * openchemlib to invent one.
+     * @default ''
+     */
+    coordinates?: string;
+    /**
+     * Whether a prediction is running for the molecule the panel is showing.
+     * @default false
+     */
+    pending?: boolean;
+    /**
+     * What went wrong with this structure, in one sentence, or `null`.
+     * @default null
+     */
+    problem?: string | null;
+    /**
+     * Whether to open on the molecule's formula and name. Off for a host that
+     * already shows the formula beside the panel, such as a structure editor's
+     * side panel.
+     * @default true
+     */
+    head?: boolean;
+    /**
+     * Whether to draw the four risks, and the explanation a square opens. Off
+     * for a page answering a question about the numbers alone.
+     * @default true
+     */
+    risks?: boolean;
+    /**
+     * The property rows to draw, in the panel's order whatever order they are
+     * given in. Empty leaves the section out, for a page answering a question
+     * about the risks alone.
+     * @default PROPERTY_KEYS
+     */
+    rows?: readonly PropertyKey[];
+    /**
+     * What is said when there is nothing predicted and nothing running.
+     * @default 'Nothing to predict yet.'
+     */
+    emptyMessage?: ReactNode;
+    /**
+     * Which risk has its explanation open.
+     * @default null
+     */
+    openRisk?: RiskType | null;
+    /**
+     * Called with the risk to open, or `null` to close it. Without it the squares
+     * are not clickable.
+     * @default undefined
+     */
+    onOpenRisk?: (risk: RiskType | null) => void;
+    /**
+     * Why a risk came back as it did. Without it no explanation is offered.
+     * @default undefined
+     */
+    loadDetail?: (structure: string, risk: RiskType) => Promise<RiskDetail>;
+}
+/**
+ * The risks and the properties of one molecule.
+ * @param props - See {@link PropertyPanelProps}.
+ * @returns The two panels, and the open explanation between them.
+ */
+export declare function PropertyPanel(props: PropertyPanelProps): ReactElement;
+//# sourceMappingURL=PropertyPanel.d.ts.map

package/lib/osiris/ui/PropertyPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyPanel.d.ts","sourceRoot":"","sources":["../../../src/osiris/ui/PropertyPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAM/E,wCAAwC;AACxC,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,WAAW,EAAE,CAAC;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,OAAO,CAAC,UAAU,CAAC,CAAC;CACzE;AASD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,CA2ErE"}

package/lib/osiris/ui/PropertyPanel.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Everything OSIRIS predicts about one molecule: the four toxicity risks, then
+ * the ten numbers, in the order the original panel showed them.
+ *
+ * One panel wherever a molecule is predicted — beside an editor's canvas, for
+ * the row of a table the reader focused, beside a drawing — because a second
+ * panel would be a second place for the same ten rows to drift apart.
+ *
+ * The sections stand whether or not there is anything in them. A prediction
+ * costs a fifth of a second, and a panel that appeared only once it was ready
+ * would move the page under the reader's eye every time they drew a bond.
+ *
+ * Which explanation is open is the caller's state — it belongs to the page, and
+ * on the explorer it is what a click on a square changes — but *fetching* it is
+ * the panel's own business, so no page repeats the dance.
+ */
+import { Callout, H5 } from '@blueprintjs/core';
+import { useEffect, useState } from 'react';
+import { MF } from 'react-mf';
+import { errorMessage } from "../../error/core/toError.js";
+import { PagePart } from "../../share/ui/PagePart.js";
+import { PROPERTY_KEYS } from "../core/propertyKeys.js";
+import { PropertyRows } from "./PropertyRows.js";
+import { RiskFindings } from "./RiskFindings.js";
+import { RiskPanel } from "./RiskPanel.js";
+/**
+ * The risks and the properties of one molecule.
+ * @param props - See {@link PropertyPanelProps}.
+ * @returns The two panels, and the open explanation between them.
+ */
+export function PropertyPanel(props) {
+    const { properties = null, coordinates = '', pending = false, problem = null, head = true, risks = true, rows = PROPERTY_KEYS, emptyMessage = 'Nothing to predict yet.', openRisk = null, onOpenRisk, loadDetail, } = props;
+    const structure = properties === null
+        ? ''
+        : coordinates === ''
+            ? properties.idCode
+            : `${properties.idCode} ${coordinates}`;
+    const answer = useRiskDetail(structure, openRisk, loadDetail);
+    return (_jsxs("div", { className: "property-panel", children: [problem === null ? null : (_jsx(Callout, { intent: "warning", compact: true, children: problem })), properties === null ? (_jsx("p", { className: "osiris-note", children: pending ? 'Predicting…' : emptyMessage })) : head ? (_jsxs("header", { className: "property-panel__head", children: [_jsx(MF, { mf: properties.molecularFormula }), _jsx("span", { className: "property-panel__label", children: properties.label })] })) : null, risks ? (_jsx(PagePart, { part: "risks", children: _jsx(RiskPanel, { risks: properties?.risks ?? null, pending: pending, openRisk: openRisk, onOpenRisk: onOpenRisk }) })) : null, !risks ||
+                openRisk === null ||
+                structure === '' ||
+                loadDetail === undefined ? null : (_jsx(PagePart, { part: "detail", children: _jsx(RiskFindings, { risk: openRisk, structure: structure, detail: answer?.detail ?? null, error: answer?.error ?? null }) })), rows.length === 0 ? null : (_jsx(PagePart, { part: "properties", children: _jsxs("section", { className: "property-section", children: [_jsx(H5, { children: "Predicted properties" }), _jsx(PropertyRows, { properties: properties, keys: rows })] }) }))] }));
+}
+/**
+ * Fetch the open risk's explanation, and answer only about the request that is
+ * open now.
+ *
+ * The answer carries the request it belongs to rather than being cleared when a
+ * new one starts: clearing would mean writing state from inside the effect, and
+ * comparing keys says the same thing without the extra render.
+ * @param structure - The molecule: an idCode, with its coordinates after a space.
+ * @param openRisk - Which risk is open, or `null`.
+ * @param loadDetail - What answers the question, or `undefined` when nothing does.
+ * @returns The answer to the open request, or `null` while it is being worked out.
+ */
+function useRiskDetail(structure, openRisk, loadDetail) {
+    const key = openRisk === null || structure === '' ? '' : `${structure} ${openRisk}`;
+    const [answer, setAnswer] = useState(null);
+    useEffect(() => {
+        if (key === '' || openRisk === null || loadDetail === undefined)
+            return;
+        let live = true;
+        loadDetail(structure, openRisk).then((detail) => {
+            if (live)
+                setAnswer({ key, detail, error: null });
+        }, (error) => {
+            if (live)
+                setAnswer({ key, detail: null, error: errorMessage(error) });
+        });
+        return () => {
+            live = false;
+        };
+    }, [key, structure, openRisk, loadDetail]);
+    return answer !== null && answer.key === key ? answer : null;
+}
+//# sourceMappingURL=PropertyPanel.js.map

package/lib/osiris/ui/PropertyPanel.js.map

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

package/lib/osiris/ui/PropertyRows.d.ts

@@ -0,0 +1,40 @@
+/**
+ * The ten predicted numbers, one row each: a name, a bar and a value.
+ *
+ * The order is the legacy panel's — cLogP, solubility, molweight, TPSA,
+ * drug-likeness, the two hydrogen-bond counts, stereocentres, rotatable bonds,
+ * drug score — and it is `PROPERTY_KEYS`, which the comparison table's columns
+ * and the plot's default axes also read. A reader who learned the panel reads
+ * the table without relearning it.
+ *
+ * A value the predictor could not answer prints the missing marker and draws no
+ * bar. It is never zero: `DrugScoreCalculator` consumes every sentinel and
+ * hands back a plausible number, so a bar drawn from one would be a wrong
+ * answer with nothing saying it is wrong.
+ */
+import type { ReactElement } from 'react';
+import type { PropertyKey } from '../core/propertyKeys.ts';
+import type { OsirisProperties } from '../core/types.ts';
+/** What {@link PropertyRows} needs. */
+export interface PropertyRowsProps {
+    /**
+     * What was predicted, or `null` while the molecule is still being worked on —
+     * in which case every row stands with its name and no value, so nothing moves
+     * when the answer arrives.
+     * @default null
+     */
+    properties?: OsirisProperties | null;
+    /**
+     * The rows to draw. They are drawn in the panel's order whatever order they
+     * are given in, so a narrowed panel still reads as the whole one does.
+     * @default PROPERTY_KEYS
+     */
+    keys?: readonly PropertyKey[];
+}
+/**
+ * The property rows, all ten unless fewer are asked, in the panel's order.
+ * @param props - See {@link PropertyRowsProps}.
+ * @returns One row per property.
+ */
+export declare function PropertyRows(props: PropertyRowsProps): ReactElement;
+//# sourceMappingURL=PropertyRows.d.ts.map

package/lib/osiris/ui/PropertyRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyRows.d.ts","sourceRoot":"","sources":["../../../src/osiris/ui/PropertyRows.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIzD,uCAAuC;AACvC,MAAM,WAAW,iBAAiB;IAChC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,WAAW,EAAE,CAAC;CAC/B;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAcnE"}

package/lib/osiris/ui/PropertyRows.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MISSING_VALUE } from "../../format/core/missing.js";
+import { formatDecimal } from "../../format/core/numbers.js";
+import { barGeometry } from "../core/barGeometry.js";
+import { PROPERTY_KEYS, propertyValue } from "../core/propertyKeys.js";
+import { propertyScale } from "../core/scales.js";
+import { PropertyBar } from "./PropertyBar.js";
+/**
+ * The property rows, all ten unless fewer are asked, in the panel's order.
+ * @param props - See {@link PropertyRowsProps}.
+ * @returns One row per property.
+ */
+export function PropertyRows(props) {
+    const { properties = null, keys = PROPERTY_KEYS } = props;
+    return (_jsx("div", { className: "property-rows", children: PROPERTY_KEYS.filter((key) => keys.includes(key)).map((key) => (_jsx(PropertyRow, { propertyKey: key, value: properties === null ? null : propertyValue(properties, key) }, key))) }));
+}
+function PropertyRow(props) {
+    const { propertyKey, value } = props;
+    const scale = propertyScale(propertyKey);
+    const geometry = barGeometry(propertyKey, value);
+    return (_jsxs("div", { className: "property-row", children: [_jsxs("span", { className: "property-row__label", children: [scale.label, scale.unit === '' ? null : (_jsx("span", { className: "property-row__unit", children: scale.unit }))] }), _jsx("span", { className: "property-row__bar", children: geometry === null ? null : _jsx(PropertyBar, { geometry: geometry }) }), _jsx("span", { className: "property-row__value", children: value === null ? MISSING_VALUE : formatDecimal(value, scale.decimals) })] }));
+}
+//# sourceMappingURL=PropertyRows.js.map

package/lib/osiris/ui/PropertyRows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyRows.js","sourceRoot":"","sources":["../../../src/osiris/ui/PropertyRows.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAC;AAmBhD;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,UAAU,GAAG,IAAI,EAAE,IAAI,GAAG,aAAa,EAAE,GAAG,KAAK,CAAC;IAE1D,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,YAC3B,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC9D,KAAC,WAAW,IAEV,WAAW,EAAE,GAAG,EAChB,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,UAAU,EAAE,GAAG,CAAC,IAF7D,GAAG,CAGR,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAOD,SAAS,WAAW,CAAC,KAAuB;IAC1C,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,KAAK,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,QAAQ,GAAG,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAC,cAAc,aAC3B,gBAAM,SAAS,EAAC,qBAAqB,aAClC,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,eAAM,SAAS,EAAC,oBAAoB,YAAE,KAAK,CAAC,IAAI,GAAQ,CACzD,IACI,EACP,eAAM,SAAS,EAAC,mBAAmB,YAChC,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,GAC1D,EACP,eAAM,SAAS,EAAC,qBAAqB,YAClC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,GACjE,IACH,CACP,CAAC;AACJ,CAAC"}

package/lib/osiris/ui/RiskFindings.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Why one risk came back as it did.
+ *
+ * Two branches of the predictor reach the same red square and mean different
+ * things. *This molecule is known to be mutagenic* means the compound's own
+ * idCode is in a list derived from RTECS — data on this exact compound, and
+ * nothing on the drawing to point at. *High-risk fragments indicating
+ * Mutagenicity* means a substructure matched, and that substructure is drawn
+ * beside the molecule with its atoms painted on it.
+ *
+ * Telling them apart is the whole point of opening a square: aspirin, caffeine
+ * and paracetamol are all red through the first branch, and highlighting the
+ * whole molecule there would call the compound its own toxicophore.
+ *
+ * A fragment heading is repeated on each of the fragments under it, so it is
+ * printed once and the matches follow.
+ */
+import type { ReactElement } from 'react';
+import type { RiskDetail, RiskType } from '../core/types.ts';
+/** What {@link RiskFindings} needs. */
+export interface RiskFindingsProps {
+    /** Which risk is open. */
+    risk: RiskType;
+    /** The molecule it was assessed on: the idCode, with its coordinates after a space. */
+    structure: string;
+    /**
+     * What the predictor found, or `null` while it is being worked out.
+     * @default null
+     */
+    detail?: RiskDetail | null;
+    /**
+     * Why the explanation could not be fetched, or `null`.
+     * @default null
+     */
+    error?: string | null;
+}
+/**
+ * The explanation of one risk.
+ * @param props - See {@link RiskFindingsProps}.
+ * @returns The predictor's own sentences, with every matched fragment drawn.
+ */
+export declare function RiskFindings(props: RiskFindingsProps): ReactElement;
+//# sourceMappingURL=RiskFindings.d.ts.map

package/lib/osiris/ui/RiskFindings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RiskFindings.d.ts","sourceRoot":"","sources":["../../../src/osiris/ui/RiskFindings.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EAAE,UAAU,EAAe,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE1E,uCAAuC;AACvC,MAAM,WAAW,iBAAiB;IAChC,0BAA0B;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,uFAAuF;IACvF,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAKD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAkCnE"}

package/lib/osiris/ui/RiskFindings.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Why one risk came back as it did.
+ *
+ * Two branches of the predictor reach the same red square and mean different
+ * things. *This molecule is known to be mutagenic* means the compound's own
+ * idCode is in a list derived from RTECS — data on this exact compound, and
+ * nothing on the drawing to point at. *High-risk fragments indicating
+ * Mutagenicity* means a substructure matched, and that substructure is drawn
+ * beside the molecule with its atoms painted on it.
+ *
+ * Telling them apart is the whole point of opening a square: aspirin, caffeine
+ * and paracetamol are all red through the first branch, and highlighting the
+ * whole molecule there would call the compound its own toxicophore.
+ *
+ * A fragment heading is repeated on each of the fragments under it, so it is
+ * printed once and the matches follow.
+ */
+import { Callout, Spinner } from '@blueprintjs/core';
+import { Structure } from "../../structure/ui/Structure.js";
+import { RISK_LABELS } from "../core/constants.js";
+import { KNOWN_MOLECULE_NOTE } from "../core/riskAppearance.js";
+/** How big a drawing in the explanation is, in pixels. */
+const DRAWING = { width: 190, height: 130 };
+/**
+ * The explanation of one risk.
+ * @param props - See {@link RiskFindingsProps}.
+ * @returns The predictor's own sentences, with every matched fragment drawn.
+ */
+export function RiskFindings(props) {
+    const { risk, structure, detail = null, error = null } = props;
+    if (error !== null) {
+        return _jsx(Callout, { intent: "warning", children: error });
+    }
+    if (detail === null) {
+        return (_jsxs("div", { className: "osiris-note osiris-note--working", children: [_jsx(Spinner, { size: 14 }), " Working out why ", RISK_LABELS[risk], " came back as it did."] }));
+    }
+    return (_jsx("div", { className: "risk-findings", children: detail.findings.map((finding, index) => (_jsx(Finding
+        // The predictor prints each heading once and each matching fragment
+        // once under it, so the pair names the line without an index.
+        , { finding: finding, structure: structure, heading: detail.findings[index - 1]?.description === finding.description
+                ? null
+                : finding.description }, `${finding.kind}:${finding.description}:${finding.idCode ?? ''}`))) }));
+}
+function Finding(props) {
+    const { finding, structure, heading } = props;
+    return (_jsxs("div", { className: "risk-finding", children: [heading === null ? null : (_jsx("p", { className: "risk-finding__heading", children: heading })), finding.kind === 'known' ? (_jsx("p", { className: "osiris-note", children: KNOWN_MOLECULE_NOTE })) : null, finding.idCode === null ? null : (_jsxs("div", { className: "risk-finding__drawings", children: [_jsxs("figure", { className: "risk-finding__figure", children: [_jsx(Structure, { idCode: finding.idCode, width: DRAWING.width, height: DRAWING.height }), _jsxs("figcaption", { children: [finding.severity === 'medium' ? 'Medium-risk' : 'High-risk', ' ', "fragment"] })] }), _jsxs("figure", { className: "risk-finding__figure", children: [_jsx(Structure, { idCode: structure, width: DRAWING.width, height: DRAWING.height, atomHighlight: [...finding.atoms], bondHighlight: [...finding.bonds] }), _jsx("figcaption", { children: finding.atoms.length === 0
+                                    ? 'Not located on this drawing'
+                                    : 'Where it sits on the molecule' })] })] }))] }));
+}
+//# sourceMappingURL=RiskFindings.js.map

package/lib/osiris/ui/RiskFindings.js.map

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

package/lib/osiris/ui/RiskPanel.d.ts

@@ -0,0 +1,46 @@
+/**
+ * The four toxicity risks, and the sentence that keeps them honest.
+ *
+ * OSIRIS assesses mutagenicity, tumorigenicity, irritating effects and
+ * reproductive effects, in that order, and answers each with one of three
+ * levels — the same three the drug score multiplies by. A red square is very
+ * often the known-molecule branch rather than a matched fragment, which is why
+ * every assessed square opens its explanation.
+ *
+ * The caveat under them is the author's own, quoted rather than paraphrased: it
+ * is the sentence that stops a red square being read as a verdict, and softening
+ * it would be our words over his.
+ */
+import type { ReactElement } from 'react';
+import type { RiskLevel, RiskType } from '../core/types.ts';
+/** What {@link RiskPanel} needs. */
+export interface RiskPanelProps {
+    /**
+     * How the four came back, or `null` when none of them has been assessed.
+     * @default null
+     */
+    risks?: Record<RiskType, RiskLevel> | null;
+    /**
+     * Whether a prediction is running for the molecule the panel is showing.
+     * @default false
+     */
+    pending?: boolean;
+    /**
+     * Which risk has its explanation open.
+     * @default null
+     */
+    openRisk?: RiskType | null;
+    /**
+     * Called with the risk to open, or `null` to close the one that is open.
+     * Without it the squares are not clickable.
+     * @default undefined
+     */
+    onOpenRisk?: (risk: RiskType | null) => void;
+}
+/**
+ * The four risk squares.
+ * @param props - See {@link RiskPanelProps}.
+ * @returns The panel, with the caveat under it.
+ */
+export declare function RiskPanel(props: RiskPanelProps): ReactElement;
+//# sourceMappingURL=RiskPanel.d.ts.map

package/lib/osiris/ui/RiskPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RiskPanel.d.ts","sourceRoot":"","sources":["../../../src/osiris/ui/RiskPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAK5D,oCAAoC;AACpC,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,IAAI,CAAC;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9C;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CA2B7D"}

package/lib/osiris/ui/RiskPanel.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The four toxicity risks, and the sentence that keeps them honest.
+ *
+ * OSIRIS assesses mutagenicity, tumorigenicity, irritating effects and
+ * reproductive effects, in that order, and answers each with one of three
+ * levels — the same three the drug score multiplies by. A red square is very
+ * often the known-molecule branch rather than a matched fragment, which is why
+ * every assessed square opens its explanation.
+ *
+ * The caveat under them is the author's own, quoted rather than paraphrased: it
+ * is the sentence that stops a red square being read as a verdict, and softening
+ * it would be our words over his.
+ */
+import { H5 } from '@blueprintjs/core';
+import { RISK_CAVEAT } from "../core/riskAppearance.js";
+import { RISK_TYPES } from "../core/types.js";
+import { RiskSquare } from "./RiskSquare.js";
+/**
+ * The four risk squares.
+ * @param props - See {@link RiskPanelProps}.
+ * @returns The panel, with the caveat under it.
+ */
+export function RiskPanel(props) {
+    const { risks = null, pending = false, openRisk = null, onOpenRisk } = props;
+    return (_jsxs("section", { className: "risk-panel", children: [_jsx(H5, { children: "Predicted toxicity risks" }), _jsx("div", { className: "risk-grid", children: RISK_TYPES.map((risk) => (_jsx(RiskSquare, { risk: risk, level: risks?.[risk], pending: pending, selected: openRisk === risk, onSelect: onOpenRisk === undefined
+                        ? undefined
+                        : (chosen) => {
+                            onOpenRisk(chosen === openRisk ? null : chosen);
+                        } }, risk))) }), _jsx("p", { className: "osiris-note", children: RISK_CAVEAT })] }));
+}
+//# sourceMappingURL=RiskPanel.js.map

package/lib/osiris/ui/RiskPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RiskPanel.js","sourceRoot":"","sources":["../../../src/osiris/ui/RiskPanel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AA2B9C;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,EAAE,KAAK,GAAG,IAAI,EAAE,OAAO,GAAG,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE7E,OAAO,CACL,mBAAS,SAAS,EAAC,YAAY,aAC7B,KAAC,EAAE,2CAA8B,EACjC,cAAK,SAAS,EAAC,WAAW,YACvB,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,KAAC,UAAU,IAET,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,KAAK,IAAI,EAC3B,QAAQ,EACN,UAAU,KAAK,SAAS;wBACtB,CAAC,CAAC,SAAS;wBACX,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE;4BACT,UAAU,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;wBAClD,CAAC,IAVF,IAAI,CAYT,CACH,CAAC,GACE,EACN,YAAG,SAAS,EAAC,aAAa,YAAE,WAAW,GAAK,IACpC,CACX,CAAC;AACJ,CAAC"}

package/lib/osiris/ui/RiskSquare.d.ts

@@ -0,0 +1,51 @@
+/**
+ * One toxicity risk, as a coloured square with its name beside it.
+ *
+ * The square is a button whenever the page can explain it, because the
+ * explanation is the honest half of the colour: aspirin, caffeine and
+ * paracetamol come back red through the known-molecule branch, not through a
+ * toxicophore, and only opening it says so.
+ *
+ * `compact` drops the words and keeps the square, which is what a cell of the
+ * comparison table needs; the name and the level stay on the accessible label,
+ * so the cell is still readable to a screen reader and on hover.
+ */
+import type { ReactElement } from 'react';
+import type { RiskLevel, RiskType } from '../core/types.ts';
+/** What {@link RiskSquare} needs. */
+export interface RiskSquareProps {
+    /** Which of the four risks this shows. */
+    risk: RiskType;
+    /** How it came back, or `undefined` when it has not been assessed. */
+    level: RiskLevel | undefined;
+    /**
+     * Whether a prediction is running for this molecule. It is what tells an
+     * unassessed square to say it is working rather than that there is nothing
+     * to work on.
+     * @default false
+     */
+    pending?: boolean;
+    /**
+     * Whether this risk's explanation is the one open.
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Called with the risk when the square is clicked. Without it the square is
+     * not a button.
+     * @default undefined
+     */
+    onSelect?: (risk: RiskType) => void;
+    /**
+     * Draw the square alone, for a cell of a table.
+     * @default false
+     */
+    compact?: boolean;
+}
+/**
+ * One risk's square.
+ * @param props - See {@link RiskSquareProps}.
+ * @returns The square, as a button when the page can explain it.
+ */
+export declare function RiskSquare(props: RiskSquareProps): ReactElement;
+//# sourceMappingURL=RiskSquare.d.ts.map

package/lib/osiris/ui/RiskSquare.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RiskSquare.d.ts","sourceRoot":"","sources":["../../../src/osiris/ui/RiskSquare.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5D,qCAAqC;AACrC,MAAM,WAAW,eAAe;IAC9B,0CAA0C;IAC1C,IAAI,EAAE,QAAQ,CAAC;IACf,sEAAsE;IACtE,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CAoD/D"}

package/lib/osiris/ui/RiskSquare.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { RISK_LABELS } from "../core/constants.js";
+import { riskAppearance } from "../core/riskAppearance.js";
+/**
+ * One risk's square.
+ * @param props - See {@link RiskSquareProps}.
+ * @returns The square, as a button when the page can explain it.
+ */
+export function RiskSquare(props) {
+    const { risk, level, pending = false, selected = false, onSelect, compact = false, } = props;
+    const { tone, label, explainable } = riskAppearance(level, pending);
+    const name = RISK_LABELS[risk];
+    const description = `${name}: ${label}`;
+    const clickable = onSelect !== undefined && explainable;
+    const body = (_jsxs(_Fragment, { children: [_jsx("span", { className: "risk-square__swatch", "data-level": tone }), compact ? null : (_jsxs("span", { className: "risk-square__text", children: [_jsx("span", { className: "risk-square__name", children: name }), _jsx("span", { className: "risk-square__level", children: label })] }))] }));
+    if (!clickable) {
+        return (_jsx("span", { className: compact ? 'risk-square risk-square--compact' : 'risk-square', title: description, "aria-label": compact ? description : undefined, children: body }));
+    }
+    return (_jsx("button", { type: "button", className: compact ? 'risk-square risk-square--compact' : 'risk-square', title: `${description} — why?`, "aria-label": compact ? description : undefined, "aria-pressed": selected, onClick: () => {
+            onSelect(risk);
+        }, children: body }));
+}
+//# sourceMappingURL=RiskSquare.js.map

package/lib/osiris/ui/RiskSquare.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RiskSquare.js","sourceRoot":"","sources":["../../../src/osiris/ui/RiskSquare.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAkC3D;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,OAAO,GAAG,KAAK,GAChB,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACpE,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,WAAW,GAAG,GAAG,IAAI,KAAK,KAAK,EAAE,CAAC;IACxC,MAAM,SAAS,GAAG,QAAQ,KAAK,SAAS,IAAI,WAAW,CAAC;IAExD,MAAM,IAAI,GAAG,CACX,8BACE,eAAM,SAAS,EAAC,qBAAqB,gBAAa,IAAI,GAAI,EACzD,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAChB,gBAAM,SAAS,EAAC,mBAAmB,aACjC,eAAM,SAAS,EAAC,mBAAmB,YAAE,IAAI,GAAQ,EACjD,eAAM,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAQ,IAC9C,CACR,IACA,CACJ,CAAC;IAEF,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,CACL,eACE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,aAAa,EACvE,KAAK,EAAE,WAAW,gBACN,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAE5C,IAAI,GACA,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,aAAa,EACvE,KAAK,EAAE,GAAG,WAAW,SAAS,gBAClB,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,kBAC/B,QAAQ,EACtB,OAAO,EAAE,GAAG,EAAE;YACZ,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC,YAEA,IAAI,GACE,CACV,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,15 @@
+export type { PropertyBarProps } from './PropertyBar.tsx';
+export { PropertyBar } from './PropertyBar.tsx';
+export type { PropertyPanelProps } from './PropertyPanel.tsx';
+export { PropertyPanel } from './PropertyPanel.tsx';
+export type { PropertyRowsProps } from './PropertyRows.tsx';
+export { PropertyRows } from './PropertyRows.tsx';
+export type { RiskFindingsProps } from './RiskFindings.tsx';
+export { RiskFindings } from './RiskFindings.tsx';
+export type { RiskPanelProps } from './RiskPanel.tsx';
+export { RiskPanel } from './RiskPanel.tsx';
+export type { RiskSquareProps } from './RiskSquare.tsx';
+export { RiskSquare } from './RiskSquare.tsx';
+export type { UsePredictionsOptions, UsePredictionsResult, } from './usePredictions.ts';
+export { usePredictions } from './usePredictions.ts';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/osiris/ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EACV,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/osiris/ui/index.js

@@ -0,0 +1,8 @@
+export { PropertyBar } from "./PropertyBar.js";
+export { PropertyPanel } from "./PropertyPanel.js";
+export { PropertyRows } from "./PropertyRows.js";
+export { RiskFindings } from "./RiskFindings.js";
+export { RiskPanel } from "./RiskPanel.js";
+export { RiskSquare } from "./RiskSquare.js";
+export { usePredictions } from "./usePredictions.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/osiris/ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAiB,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAC;AAK9C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}