@jbrowse/plugin-variants 2.18.0 → 3.0.0

package/dist/StructuralVariantChordRenderer/Chord.js

@@ -1,29 +1,7 @@
 "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 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");
@@ -87,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,5 +1,4 @@
-import React from 'react';
-import type { AnyRegion, Block } 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, }: {
@@ -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,32 +1,10 @@
 "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");
 const Chord_1 = __importDefault(require("./Chord"));
 const StructuralVariantChordsReactComponent = (0, mobx_react_1.observer)(function ({ features, config, blockDefinitions, radius, bezierRadius, displayModel, onChordClick, }) {
@@ -43,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/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

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { Feature } from '@jbrowse/core/util';
 type Coord = [number, number];
 export type TooltipContentsComponent = React.ForwardRefExoticComponent<{
@@ -15,5 +15,5 @@ declare const Tooltip: ({ model, height, clientMouseCoord, offsetMouseCoord, cli
     offsetMouseCoord: Coord;
     clientRect?: DOMRect;
     TooltipContents: TooltipContentsComponent;
-}) => React.JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default Tooltip;

package/dist/Tooltip.js

@@ -1,32 +1,10 @@
 "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 BaseTooltip_1 = __importDefault(require("@jbrowse/core/ui/BaseTooltip"));
 const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
@@ -46,13 +24,9 @@ const Tooltip = (0, mobx_react_1.observer)(function Tooltip({ model, height, cli
     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 ? (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_1.Suspense, { fallback: null },
-            react_1.default.createElement(BaseTooltip_1.default, { clientPoint: { x, y } },
-                react_1.default.createElement(TooltipContents, { model: model, feature: featureUnderMouse }))),
-        react_1.default.createElement("div", { className: classes.hoverVertical, style: {
-                left: offsetMouseCoord[0],
-                height: height,
-            } }))) : null;
+    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/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 type { VariantFeatureWidgetModel } from './stateModelFactory';
 import type { SimpleFeatureSerialized } from '@jbrowse/core/util';
-export default function BreakendPanel(props: {
+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,19 +15,30 @@ 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"));
+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"));
 const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
@@ -35,70 +46,58 @@ const BreakendMultiLevelOptionDialog = (0, react_1.lazy)(() => Promise.resolve()
 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) => (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, }) {
     var _a, _b;
     const session = (0, util_1.getSession)(model);
     const simpleFeature = new util_1.SimpleFeature(feature);
     const assemblyName = (_b = (_a = model.view) === null || _a === void 0 ? void 0 : _a.displayedRegions[0]) === null || _b === void 0 ? void 0 : _b.assemblyName;
-    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,
-                            session,
-                            feature: simpleFeature,
-                            stableViewId: `${model.id}_${assemblyName}_breakpointsplitview_multilevel`,
-                            view: model.view,
-                            assemblyName,
-                        },
-                    ]);
-                } }, "(top/bottom)"),
-            ' ',
-            react_1.default.createElement(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,
-                        },
-                    ]);
-                } }, "(single row)")))))));
+    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);
@@ -108,7 +107,5 @@ function BreakendPanel(props) {
     }
     catch (e) {
     }
-    return (react_1.default.createElement(BaseCard_1.default, { ...props, title: "Breakends" },
-        react_1.default.createElement(LocStringList, { model: model, locStrings: locStrings }),
-        hasBreakpointSplitView ? (react_1.default.createElement(LaunchBreakpointSplitViewPanel, { 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;

package/dist/VariantFeatureWidget/VariantConsequenceDataGrid.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = VariantConsequenceDataGrid;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BaseCard_1 = __importDefault(require("@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail/BaseCard"));
+const VariantConsequenceDataGridWrapper_1 = __importDefault(require("./VariantConsequenceDataGridWrapper"));
+function VariantConsequenceDataGrid({ data, fields, title, }) {
+    return data.length ? ((0, jsx_runtime_1.jsx)(BaseCard_1.default, { title: title, children: (0, jsx_runtime_1.jsx)(VariantConsequenceDataGridWrapper_1.default, { rows: data.map((elt, id) => ({
+                id,
+                ...Object.fromEntries(elt.split('|').map((e, i) => [fields[i], e])),
+            })), columns: fields.map(c => ({ field: c })) }) })) : null;
+}

package/dist/VariantFeatureWidget/VariantConsequenceDataGridWrapper.d.ts

@@ -0,0 +1,5 @@
+import type { GridColDef, GridValidRowModel } from '@mui/x-data-grid';
+export default function VariantConsequenceDataGridWrapper({ rows, columns, }: {
+    rows: GridValidRowModel[];
+    columns: GridColDef[];
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/VariantFeatureWidget/VariantConsequenceDataGridWrapper.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = VariantConsequenceDataGridWrapper;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const util_1 = require("@jbrowse/core/util");
+const material_1 = require("@mui/material");
+const x_data_grid_1 = require("@mui/x-data-grid");
+function VariantConsequenceDataGridWrapper({ rows, columns, }) {
+    const [checked, setChecked] = (0, react_1.useState)(false);
+    const widths = columns.map(e => (0, util_1.measureGridWidth)(rows.map(r => r[e.field])));
+    return rows.length ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: checked, onChange: event => {
+                        setChecked(event.target.checked);
+                    } }), label: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: "Show options" }) }), (0, jsx_runtime_1.jsx)(x_data_grid_1.DataGrid, { rowHeight: 25, rows: rows, columns: columns.map((c, i) => ({
+                    ...c,
+                    width: widths[i],
+                })), slots: {
+                    toolbar: checked ? x_data_grid_1.GridToolbar : null,
+                } })] })) : null;
+}

package/dist/VariantFeatureWidget/VariantConsequencePanel.d.ts

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

package/dist/VariantFeatureWidget/VariantConsequencePanel.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = VariantConsequencePanel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BaseCard_1 = __importDefault(require("@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail/BaseCard"));
+const VariantConsequenceDataGridWrapper_1 = __importDefault(require("./VariantConsequenceDataGridWrapper"));
+function VariantConsequencePanel({ data, fields, title, }) {
+    return data.length ? ((0, jsx_runtime_1.jsx)(BaseCard_1.default, { title: title, children: (0, jsx_runtime_1.jsx)(VariantConsequenceDataGridWrapper_1.default, { rows: data.map((elt, id) => ({
+                id,
+                ...Object.fromEntries(elt.split('|').map((e, i) => [fields[i], e])),
+            })), columns: fields.map(c => ({ field: c })) }) })) : null;
+}

package/dist/VariantFeatureWidget/VariantFeatureWidget.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import type { VariantFeatureWidgetModel } from './stateModelFactory';
 declare const VariantFeatureWidget: (props: {
     model: VariantFeatureWidgetModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default VariantFeatureWidget;