@jbrowse/plugin-variants 2.17.0 → 3.0.0

package/dist/StructuralVariantChordRenderer/Chord.js

@@ -1,33 +1,11 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
-const util_1 = require("@jbrowse/core/util");
-const configuration_1 = require("@jbrowse/core/configuration");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const vcf_1 = require("@gmod/vcf");
+const configuration_1 = require("@jbrowse/core/configuration");
+const util_1 = require("@jbrowse/core/util");
+const mobx_react_1 = require("mobx-react");
 function bpToRadians(block, pos) {
     const blockStart = block.region.elided ? 0 : block.region.start;
     const blockEnd = block.region.elided ? 0 : block.region.end;
@@ -37,7 +15,6 @@ function bpToRadians(block, pos) {
 const Chord = (0, mobx_react_1.observer)(function Chord({ feature, blocksForRefs, radius, config, bezierRadius, selected, onClick, }) {
     var _a, _b, _c, _d, _e;
     const [hovered, setHovered] = (0, react_1.useState)(false);
-    // find the blocks that our start and end points belong to
     const startBlock = blocksForRefs[feature.get('refName')];
     if (!startBlock) {
         return null;
@@ -56,28 +33,25 @@ const Chord = (0, mobx_react_1.observer)(function Chord({ feature, blocksForRefs
     const bnd = alt && (0, vcf_1.parseBreakend)(alt);
     const startPos = feature.get('start');
     if (bnd) {
-        // VCF BND
         const matePosition = bnd.MatePosition.split(':');
         endPosition = +matePosition[1];
         endBlock = blocksForRefs[matePosition[0]];
     }
     else if (alt === '<TRA>') {
-        // VCF TRA
         const chr2 = (_c = (_b = feature.get('INFO')) === null || _b === void 0 ? void 0 : _b.CHR2) === null || _c === void 0 ? void 0 : _c[0];
         const end = (_e = (_d = feature.get('INFO')) === null || _d === void 0 ? void 0 : _d.END) === null || _e === void 0 ? void 0 : _e[0];
         endPosition = Number.parseInt(end, 10);
         endBlock = blocksForRefs[chr2];
     }
     else if (svType === 'mate') {
-        // generic simplefeatures arcs
         const mate = feature.get('mate');
         const chr2 = mate.refName;
         endPosition = mate.start;
         endBlock = blocksForRefs[chr2];
     }
     else {
-        console.warn('unknown sv type', svType);
-        endPosition = startPos + 1;
+        endBlock = startBlock;
+        endPosition = feature.get('end');
     }
     if (endBlock) {
         const startRadians = bpToRadians(startBlock, startPos);
@@ -91,7 +65,7 @@ const Chord = (0, mobx_react_1.observer)(function Chord({ feature, blocksForRefs
         const hoverStrokeColor = (0, configuration_1.readConfObject)(config, 'strokeColorHover', {
             feature,
         });
-        return (react_1.default.createElement("path", { "data-testid": `chord-${feature.id()}`, cursor: "crosshair", fill: "none", d: ['M', ...startXY, 'Q', ...controlXY, ...endXY].join(' '), ...(0, util_1.getStrokeProps)(hovered ? hoverStrokeColor : strokeColor), strokeWidth: hovered ? 3 : 1, onClick: evt => {
+        return ((0, jsx_runtime_1.jsx)("path", { "data-testid": `chord-${feature.id()}`, cursor: "crosshair", fill: "none", d: ['M', ...startXY, 'Q', ...controlXY, ...endXY].join(' '), ...(0, util_1.getStrokeProps)(hovered ? hoverStrokeColor : strokeColor), strokeWidth: hovered ? 3 : 1, onClick: evt => {
                 onClick(feature, startBlock.region, endBlock.region, evt);
             }, onMouseOver: () => {
                 if (!selected) {

package/dist/StructuralVariantChordRenderer/ReactComponent.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { Feature } from '@jbrowse/core/util';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { Block, AnyRegion } from './Chord';
+import type { AnyRegion, Block } from './types';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { Feature } from '@jbrowse/core/util';
 declare const StructuralVariantChordsReactComponent: ({ features, config, blockDefinitions, radius, bezierRadius, displayModel, onChordClick, }: {
     features: Map<string, Feature>;
     radius: number;
@@ -13,5 +12,5 @@ declare const StructuralVariantChordsReactComponent: ({ features, config, blockD
     blockDefinitions: Block[];
     bezierRadius: number;
     onChordClick: (feature: Feature, reg: AnyRegion, endBlock: AnyRegion, evt: unknown) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default StructuralVariantChordsReactComponent;

package/dist/StructuralVariantChordRenderer/ReactComponent.js

@@ -1,34 +1,11 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const mobx_react_1 = require("mobx-react");
-// locals
 const Chord_1 = __importDefault(require("./Chord"));
 const StructuralVariantChordsReactComponent = (0, mobx_react_1.observer)(function ({ features, config, blockDefinitions, radius, bezierRadius, displayModel, onChordClick, }) {
     const { selectedFeatureId } = displayModel || {};
@@ -44,10 +21,10 @@ const StructuralVariantChordsReactComponent = (0, mobx_react_1.observer)(functio
         }
         return blocksForRefs;
     }, [blockDefinitions]);
-    return (react_1.default.createElement("g", { "data-testid": "structuralVariantChordRenderer" }, [...features.values()].map(feature => {
-        const id = feature.id();
-        const selected = String(selectedFeatureId) === String(id);
-        return (react_1.default.createElement(Chord_1.default, { key: id, feature: feature, config: config, radius: radius, bezierRadius: bezierRadius, blocksForRefs: blocksForRefsMemo, selected: selected, onClick: onChordClick }));
-    })));
+    return ((0, jsx_runtime_1.jsx)("g", { "data-testid": "structuralVariantChordRenderer", children: [...features.values()].map(feature => {
+            const id = feature.id();
+            const selected = String(selectedFeatureId) === String(id);
+            return ((0, jsx_runtime_1.jsx)(Chord_1.default, { feature: feature, config: config, radius: radius, bezierRadius: bezierRadius, blocksForRefs: blocksForRefsMemo, selected: selected, onClick: onChordClick }, id));
+        }) }));
 });
 exports.default = StructuralVariantChordsReactComponent;

package/dist/StructuralVariantChordRenderer/configSchema.d.ts

@@ -1,25 +1,16 @@
 declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     strokeColor: {
         type: string;
         description: string;
         defaultValue: string;
         contextVariable: string[];
     };
-    /**
-     * #slot
-     */
     strokeColorSelected: {
         type: string;
         description: string;
         defaultValue: string;
         contextVariable: string[];
     };
-    /**
-     * #slot
-     */
     strokeColorHover: {
         type: string;
         description: string;

package/dist/StructuralVariantChordRenderer/configSchema.js

@@ -1,32 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const configuration_1 = require("@jbrowse/core/configuration");
-/**
- * #config StructuralVariantChordRenderer
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const configSchema = (0, configuration_1.ConfigurationSchema)('StructuralVariantChordRenderer', {
-    /**
-     * #slot
-     */
     strokeColor: {
         type: 'color',
         description: 'the line color of each arc',
         defaultValue: 'rgba(255,133,0,0.32)',
         contextVariable: ['feature'],
     },
-    /**
-     * #slot
-     */
     strokeColorSelected: {
         type: 'color',
         description: 'the line color of an arc that has been selected',
         defaultValue: 'black',
         contextVariable: ['feature'],
     },
-    /**
-     * #slot
-     */
     strokeColorHover: {
         type: 'color',
         description: 'the line color of an arc that is being hovered over with the mouse',

package/dist/StructuralVariantChordRenderer/index.d.ts

@@ -1,2 +1,2 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function StructuralVariantChordRendererF(pluginManager: PluginManager): void;

package/dist/StructuralVariantChordRenderer/index.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = StructuralVariantChordRendererF;
 const CircularChordRendererType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/renderers/CircularChordRendererType"));
-const configSchema_1 = __importDefault(require("./configSchema"));
 const ReactComponent_1 = __importDefault(require("./ReactComponent"));
+const configSchema_1 = __importDefault(require("./configSchema"));
 function StructuralVariantChordRendererF(pluginManager) {
     pluginManager.addRendererType(() => new CircularChordRendererType_1.default({
         name: 'StructuralVariantChordRenderer',

package/dist/StructuralVariantChordRenderer/types.d.ts

@@ -0,0 +1,17 @@
+export interface Region {
+    end: number;
+    start: number;
+    refName: string;
+    elided?: false;
+}
+export interface ElidedRegion {
+    elided: true;
+    regions: Region[];
+}
+export type AnyRegion = Region | ElidedRegion;
+export interface Block {
+    flipped: boolean;
+    bpPerRadian: number;
+    startRadians: number;
+    region: AnyRegion;
+}

package/dist/StructuralVariantChordRenderer/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/Tooltip.d.ts

@@ -0,0 +1,19 @@
+import type React from 'react';
+import type { Feature } from '@jbrowse/core/util';
+type Coord = [number, number];
+export type TooltipContentsComponent = React.ForwardRefExoticComponent<{
+    feature: Feature;
+    model: any;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const Tooltip: ({ model, height, clientMouseCoord, offsetMouseCoord, clientRect, TooltipContents, useClientY, }: {
+    model: {
+        featureUnderMouse?: Feature;
+    };
+    useClientY?: boolean;
+    height: number;
+    clientMouseCoord: Coord;
+    offsetMouseCoord: Coord;
+    clientRect?: DOMRect;
+    TooltipContents: TooltipContentsComponent;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default Tooltip;

package/dist/Tooltip.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const BaseTooltip_1 = __importDefault(require("@jbrowse/core/ui/BaseTooltip"));
+const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
+const useStyles = (0, mui_1.makeStyles)()({
+    hoverVertical: {
+        background: '#333',
+        border: 'none',
+        width: 1,
+        height: '100%',
+        cursor: 'default',
+        position: 'absolute',
+        pointerEvents: 'none',
+    },
+});
+const Tooltip = (0, mobx_react_1.observer)(function Tooltip({ model, height, clientMouseCoord, offsetMouseCoord, clientRect, TooltipContents, useClientY, }) {
+    const { featureUnderMouse } = model;
+    const { classes } = useStyles();
+    const x = clientMouseCoord[0] + 5;
+    const y = useClientY ? clientMouseCoord[1] : (clientRect === null || clientRect === void 0 ? void 0 : clientRect.top) || 0;
+    return featureUnderMouse ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(BaseTooltip_1.default, { clientPoint: { x, y }, children: (0, jsx_runtime_1.jsx)(TooltipContents, { model: model, feature: featureUnderMouse }) }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.hoverVertical, style: {
+                    left: offsetMouseCoord[0],
+                    height: height,
+                } })] })) : null;
+});
+exports.default = Tooltip;

package/dist/VariantFeatureWidget/BreakendMultiLevelOptionDialog.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = void 0;
-// re-exported for react lazy
 var sv_core_1 = require("@jbrowse/sv-core");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return sv_core_1.BreakendMultiLevelOptionDialog; } });

package/dist/VariantFeatureWidget/BreakendSingleLevelOptionDialog.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = void 0;
-// re-exported for react lazy
 var sv_core_1 = require("@jbrowse/sv-core");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return sv_core_1.BreakendSingleLevelOptionDialog; } });

package/dist/VariantFeatureWidget/Checkbox2.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 export default function Checkbox2({ checked, disabled, label, onChange, }: {
     checked: boolean;
     disabled?: boolean;
     label: string;
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/VariantFeatureWidget/Checkbox2.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Checkbox2;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()({
@@ -14,5 +11,5 @@ const useStyles = (0, mui_1.makeStyles)()({
 });
 function Checkbox2({ checked, disabled, label, onChange, }) {
     const { classes } = useStyles();
-    return (react_1.default.createElement(material_1.FormControlLabel, { disabled: disabled, className: classes.block, control: react_1.default.createElement(material_1.Checkbox, { checked: checked, onChange: onChange }), label: label }));
+    return ((0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { disabled: disabled, className: classes.block, control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: checked, onChange: onChange }), label: label }));
 }

package/dist/VariantFeatureWidget/LaunchBreakendPanel.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
-import { SimpleFeatureSerialized } from '@jbrowse/core/util';
-import { VariantFeatureWidgetModel } from './stateModelFactory';
-export default function BreakendPanel(props: {
+import type { VariantFeatureWidgetModel } from './stateModelFactory';
+import type { SimpleFeatureSerialized } from '@jbrowse/core/util';
+export default function LaunchBreakendPanel(props: {
     locStrings: string[];
     model: VariantFeatureWidgetModel;
     feature: SimpleFeatureSerialized;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/VariantFeatureWidget/LaunchBreakendPanel.js

@@ -15,104 +15,97 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = BreakendPanel;
-const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const util_1 = require("@jbrowse/core/util");
+exports.default = LaunchBreakendPanel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const BaseCard_1 = __importDefault(require("@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail/BaseCard"));
-// lazies
+const util_1 = require("@jbrowse/core/util");
+const material_1 = require("@mui/material");
 const BreakendMultiLevelOptionDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./BreakendMultiLevelOptionDialog'))));
 const BreakendSingleLevelOptionDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./BreakendSingleLevelOptionDialog'))));
 function LocStringList({ locStrings, model, }) {
     const session = (0, util_1.getSession)(model);
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(material_1.Typography, null, "Navigate to breakend endpoint in linear view:"),
-        react_1.default.createElement("ul", null, locStrings.map((locString, index) => (
-        /* biome-ignore lint/suspicious/noArrayIndexKey: */
-        react_1.default.createElement("li", { key: `${locString}-${index}` },
-            locString,
-            ' ',
-            react_1.default.createElement(material_1.Link, { href: "#", onClick: event => {
-                    var _a;
-                    event.preventDefault();
-                    const { view } = model;
-                    try {
-                        if (view) {
-                            (_a = view.navToLocString) === null || _a === void 0 ? void 0 : _a.call(view, locString);
-                        }
-                        else {
-                            throw new Error('No view associated with this feature detail panel anymore');
-                        }
-                    }
-                    catch (e) {
-                        console.error(e);
-                        session.notify(`${e}`);
-                    }
-                } }, "(LGV)")))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Navigate to breakend endpoint in linear view:" }), (0, jsx_runtime_1.jsx)("ul", { children: locStrings.map((locString, index) => ((0, jsx_runtime_1.jsxs)("li", { children: [locString, ' ', (0, jsx_runtime_1.jsx)(material_1.Link, { href: "#", onClick: event => {
+                                var _a;
+                                event.preventDefault();
+                                const { view } = model;
+                                try {
+                                    if (view) {
+                                        (_a = view.navToLocString) === null || _a === void 0 ? void 0 : _a.call(view, locString);
+                                    }
+                                    else {
+                                        throw new Error('No view associated with this feature detail panel anymore');
+                                    }
+                                }
+                                catch (e) {
+                                    console.error(e);
+                                    session.notify(`${e}`);
+                                }
+                            }, children: "(LGV)" })] }, `${locString}-${index}`))) })] }));
 }
-function LaunchBreakpointSplitViewPanel({ locStrings, model, feature, viewType, }) {
+function LaunchBreakpointSplitViewPanel({ locStrings, model, feature, }) {
+    var _a, _b;
     const session = (0, util_1.getSession)(model);
     const simpleFeature = new util_1.SimpleFeature(feature);
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(material_1.Typography, null, "Launch split view"),
-        react_1.default.createElement("ul", null, locStrings.map(locString => (react_1.default.createElement("li", { key: JSON.stringify(locString) },
-            `${feature.refName}:${feature.start} // ${locString}`,
-            ' ',
-            react_1.default.createElement(material_1.Link, { href: "#", onClick: event => {
-                    event.preventDefault();
-                    session.queueDialog(handleClose => [
-                        BreakendMultiLevelOptionDialog,
-                        {
-                            handleClose,
-                            model,
-                            feature: simpleFeature,
-                            // @ts-expect-error
-                            viewType,
-                            view: model.view,
-                            assemblyName: model.view.displayedRegions[0].assemblyName,
-                        },
-                    ]);
-                } }, "(top/bottom)"),
-            ' ',
-            react_1.default.createElement(material_1.Link, { href: "#", onClick: event => {
-                    event.preventDefault();
-                    session.queueDialog(handleClose => [
-                        BreakendSingleLevelOptionDialog,
-                        {
-                            handleClose,
-                            model,
-                            feature: simpleFeature,
-                            // @ts-expect-error
-                            viewType,
-                            view: model.view,
-                            assemblyName: model.view.displayedRegions[0].assemblyName,
-                        },
-                    ]);
-                } }, "(single row)")))))));
+    const assemblyName = (_b = (_a = model.view) === null || _a === void 0 ? void 0 : _a.displayedRegions[0]) === null || _b === void 0 ? void 0 : _b.assemblyName;
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Launch split view" }), (0, jsx_runtime_1.jsx)("ul", { children: locStrings.map(locString => ((0, jsx_runtime_1.jsxs)("li", { children: [`${feature.refName}:${feature.start} // ${locString}`, ' ', (0, jsx_runtime_1.jsx)(material_1.Link, { href: "#", onClick: event => {
+                                event.preventDefault();
+                                session.queueDialog(handleClose => [
+                                    BreakendMultiLevelOptionDialog,
+                                    {
+                                        handleClose,
+                                        session,
+                                        feature: simpleFeature,
+                                        stableViewId: `${model.id}_${assemblyName}_breakpointsplitview_multilevel`,
+                                        view: model.view,
+                                        assemblyName,
+                                    },
+                                ]);
+                            }, children: "(top/bottom)" }), ' ', (0, jsx_runtime_1.jsx)(material_1.Link, { href: "#", onClick: event => {
+                                event.preventDefault();
+                                session.queueDialog(handleClose => [
+                                    BreakendSingleLevelOptionDialog,
+                                    {
+                                        handleClose,
+                                        session,
+                                        feature: simpleFeature,
+                                        stableViewId: `${model.id}_${assemblyName}_breakpointsplitview_singlelevel`,
+                                        view: model.view,
+                                        assemblyName,
+                                    },
+                                ]);
+                            }, children: "(single row)" })] }, JSON.stringify(locString)))) })] }));
 }
-function BreakendPanel(props) {
+function LaunchBreakendPanel(props) {
     const { model, locStrings, feature } = props;
     const session = (0, util_1.getSession)(model);
     const { pluginManager } = (0, util_1.getEnv)(session);
-    let viewType;
+    let hasBreakpointSplitView = false;
     try {
-        viewType = pluginManager.getViewType('BreakpointSplitView');
+        hasBreakpointSplitView = !!pluginManager.getViewType('BreakpointSplitView');
     }
     catch (e) {
-        // ignore
     }
-    return (react_1.default.createElement(BaseCard_1.default, { ...props, title: "Breakends" },
-        react_1.default.createElement(LocStringList, { model: model, locStrings: locStrings }),
-        viewType ? (react_1.default.createElement(LaunchBreakpointSplitViewPanel, { viewType: viewType, model: model, locStrings: locStrings, feature: feature })) : null));
+    return ((0, jsx_runtime_1.jsxs)(BaseCard_1.default, { ...props, title: "Breakends", children: [(0, jsx_runtime_1.jsx)(LocStringList, { model: model, locStrings: locStrings }), hasBreakpointSplitView ? ((0, jsx_runtime_1.jsx)(LaunchBreakpointSplitViewPanel, { model: model, locStrings: locStrings, feature: feature })) : null] }));
 }

package/dist/VariantFeatureWidget/LaunchBreakendWidgetArea.d.ts

@@ -0,0 +1,4 @@
+import type { VariantFeatureWidgetModel } from './stateModelFactory';
+export default function LaunchBreakendWidgetArea({ model, }: {
+    model: VariantFeatureWidgetModel;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/VariantFeatureWidget/LaunchBreakendWidgetArea.js

@@ -0,0 +1,60 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = LaunchBreakendWidgetArea;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const vcf_1 = require("@gmod/vcf");
+const LaunchBreakendPanel = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./LaunchBreakendPanel'))));
+function LaunchBreakendWidgetArea({ model, }) {
+    const { featureData } = model;
+    const feat = JSON.parse(JSON.stringify(featureData));
+    const { type = '' } = feat;
+    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: type === 'breakend' ? ((0, jsx_runtime_1.jsx)(LaunchBreakendPanel, { feature: feat, locStrings: feat.ALT.map((alt) => { var _a; return ((_a = (0, vcf_1.parseBreakend)(alt)) === null || _a === void 0 ? void 0 : _a.MatePosition) || ''; }), model: model })) : type === 'translocation' ? ((0, jsx_runtime_1.jsx)(LaunchBreakendPanel, { feature: feat, model: model, locStrings: [`${feat.INFO.CHR2[0]}:${feat.INFO.END}`] })) : type === 'paired_feature' ? ((0, jsx_runtime_1.jsx)(LaunchBreakendPanel, { feature: feat, model: model, locStrings: [`${feat.mate.refName}:${feat.mate.start}`] })) : type.includes('inversion') ||
+            type.includes('deletion') ||
+            type.includes('duplication') ||
+            type.includes('cnv') ||
+            type.includes('sv') ? ((0, jsx_runtime_1.jsx)(LaunchBreakendPanel, { feature: {
+                uniqueId: 'random',
+                refName: feat.refName,
+                start: feat.start,
+                end: feat.start + 1,
+                mate: {
+                    refName: feat.refName,
+                    start: feat.end,
+                    end: feat.end + 1,
+                },
+            }, model: model, locStrings: [`${feat.refName}:${feat.end}`] })) : null }));
+}

package/dist/VariantFeatureWidget/VariantConsequenceDataGrid.d.ts

@@ -0,0 +1,5 @@
+export default function VariantConsequenceDataGrid({ data, fields, title, }: {
+    data: string[];
+    fields: string[];
+    title: string;
+}): import("react/jsx-runtime").JSX.Element | null;