@jbrowse/plugin-variants 2.18.0 → 3.0.1

package/esm/util.d.ts

@@ -1,11 +1,8 @@
-export interface Source {
-    baseUri?: string;
-    name: string;
-    color?: string;
-    group?: string;
-    [key: string]: unknown;
-}
+import type { Feature } from '@jbrowse/core/util';
 export declare function fillRectCtx(x: number, y: number, width: number, height: number, ctx: CanvasRenderingContext2D, color?: string): void;
-export declare function getCol(gt: string): "#ccc" | "teal" | "blue" | "#CBC3E3";
-export declare const colorPaletteDefault: string[];
+export declare function getCol(gt: string): "blue" | "teal" | "#ccc" | "#CBC3E3";
 export declare function randomColor(str: string): string;
+export declare function colorify(n: number): string;
+export declare function findSecondLargest(arr: Iterable<number>): number;
+export declare function calculateMinorAlleleFrequency(feat: Feature): number;
+export declare function getFeaturesThatPassMinorAlleleFrequencyFilter(feats: Iterable<Feature>, minorAlleleFrequencyFilter: number): Feature[];

package/esm/util.js

@@ -1,3 +1,4 @@
+import { sum } from '@jbrowse/core/util';
 export function fillRectCtx(x, y, width, height, ctx, color) {
     if (width < 0) {
         x += width;
@@ -26,22 +27,51 @@ export function getCol(gt) {
         return '#CBC3E3';
     }
 }
-export const colorPaletteDefault = [
-    'red',
-    'blue',
-    'green',
-    'orange',
-    'purple',
-    'cyan',
-    'pink',
-    'darkblue',
-    'darkred',
-    'pink',
-];
 export function randomColor(str) {
     let sum = 0;
     for (let i = 0; i < str.length; i++) {
         sum += str.charCodeAt(i);
     }
-    return `hsl(${sum * 10}, 20%, 50%)`;
+    return `hsl(${colorify(sum * 10)}, 50%, 50%)`;
+}
+export function colorify(n) {
+    return `hsl(${n % 255}, 50%, 50%)`;
+}
+export function findSecondLargest(arr) {
+    let firstMax = 0;
+    let secondMax = 0;
+    for (const num of arr) {
+        if (num > firstMax) {
+            secondMax = firstMax;
+            firstMax = num;
+        }
+        else if (num > secondMax && num !== firstMax) {
+            secondMax = num;
+        }
+    }
+    return secondMax;
+}
+export function calculateMinorAlleleFrequency(feat) {
+    if (feat.get('end') - feat.get('start') <= 10) {
+        const samp = feat.get('genotypes');
+        const alleleCounts = new Map();
+        for (const val of Object.values(samp)) {
+            const alleles = val.split(/[/|]/);
+            for (const allele of alleles) {
+                alleleCounts.set(allele, (alleleCounts.get(allele) || 0) + 1);
+            }
+        }
+        return (findSecondLargest(alleleCounts.values()) /
+            (sum(alleleCounts.values()) || 1));
+    }
+    return -1;
+}
+export function getFeaturesThatPassMinorAlleleFrequencyFilter(feats, minorAlleleFrequencyFilter) {
+    const mafs = [];
+    for (const feat of feats) {
+        if (calculateMinorAlleleFrequency(feat) >= minorAlleleFrequencyFilter) {
+            mafs.push(feat);
+        }
+    }
+    return mafs;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-variants",
-  "version": "2.18.0",
+  "version": "3.0.1",
   "description": "JBrowse 2 variant adapters, tracks, etc.",
   "keywords": [
     "jbrowse",
@@ -37,31 +37,30 @@
   },
   "dependencies": {
     "@flatten-js/interval-tree": "^1.0.15",
-    "@gmod/bgzf-filehandle": "^1.4.3",
-    "@gmod/tabix": "^1.5.6",
+    "@gmod/bgzf-filehandle": "^2.0.1",
+    "@gmod/tabix": "^2.0.0",
     "@gmod/vcf": "^6.0.0",
-    "@jbrowse/sv-core": "^2.18.0",
+    "@jbrowse/core": "^3.0.1",
+    "@jbrowse/plugin-circular-view": "^3.0.1",
+    "@jbrowse/plugin-linear-genome-view": "^3.0.1",
+    "@jbrowse/sv-core": "^3.0.1",
     "@mui/icons-material": "^6.0.0",
-    "@mui/x-data-grid": "^7.0.0",
-    "generic-filehandle": "^3.0.0"
-  },
-  "peerDependencies": {
-    "@jbrowse/core": "^2.0.0",
-    "@jbrowse/plugin-circular-view": "^2.0.0",
-    "@jbrowse/plugin-linear-genome-view": "^2.0.0",
     "@mui/material": "^6.0.0",
+    "@mui/x-data-grid": "^7.0.0",
     "mobx": "^6.0.0",
     "mobx-react": "^9.0.0",
     "mobx-state-tree": "^5.0.0",
-    "react": ">=16.8.0",
     "rxjs": "^7.0.0",
     "tss-react": "^4.0.0"
   },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
   "publishConfig": {
     "access": "public"
   },
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "c344ea60099cb7e460b77f15808946b24a7eee74"
+  "gitHead": "aa2f1d1a89d2361c7fd1a93fe29506fa4554f5cc"
 }

package/dist/VariantFeatureWidget/AnnotGrid.d.ts

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

package/dist/VariantFeatureWidget/AnnotGrid.js

@@ -1,39 +0,0 @@
-"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 });
-exports.default = VariantAnnotPanel;
-const react_1 = __importStar(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 VariantAnnotPanel({ 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 ? (react_1.default.createElement("div", null,
-        react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: checked, onChange: event => {
-                    setChecked(event.target.checked);
-                } }), label: react_1.default.createElement(material_1.Typography, { variant: "body2" }, "Show options") }),
-        react_1.default.createElement(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/VariantAnnotationTable.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export default function VariantAnnotationTable({ data, fields, title, }: {
-    data: string[];
-    fields: string[];
-    title: string;
-}): React.JSX.Element | null;

package/dist/VariantFeatureWidget/VariantAnnotationTable.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = VariantAnnotationTable;
-const react_1 = __importDefault(require("react"));
-const BaseCard_1 = __importDefault(require("@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail/BaseCard"));
-const AnnotGrid_1 = __importDefault(require("./AnnotGrid"));
-function VariantAnnotationTable({ data, fields, title, }) {
-    return data.length ? (react_1.default.createElement(BaseCard_1.default, { title: title },
-        react_1.default.createElement(AnnotGrid_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/configSchema.d.ts

@@ -1,34 +0,0 @@
-declare const WiggleRenderer: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    color: {
-        type: string;
-        description: string;
-        defaultValue: string;
-    };
-    posColor: {
-        type: string;
-        description: string;
-        defaultValue: string;
-    };
-    negColor: {
-        type: string;
-        description: string;
-        defaultValue: string;
-    };
-    clipColor: {
-        type: string;
-        description: string;
-        defaultValue: string;
-    };
-    bicolorPivot: {
-        type: string;
-        model: import("mobx-state-tree").ISimpleType<string>;
-        description: string;
-        defaultValue: string;
-    };
-    bicolorPivotValue: {
-        type: string;
-        defaultValue: number;
-        description: string;
-    };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-export default WiggleRenderer;

package/dist/configSchema.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const configuration_1 = require("@jbrowse/core/configuration");
-const mobx_state_tree_1 = require("mobx-state-tree");
-function x() { }
-const WiggleRenderer = (0, configuration_1.ConfigurationSchema)('WiggleRenderer', {
-    color: {
-        type: 'color',
-        description: 'the color of track, overrides posColor and negColor',
-        defaultValue: '#f0f',
-    },
-    posColor: {
-        type: 'color',
-        description: 'the color to use when the score is positive',
-        defaultValue: 'blue',
-    },
-    negColor: {
-        type: 'color',
-        description: 'the color to use when the score is negative',
-        defaultValue: 'red',
-    },
-    clipColor: {
-        type: 'color',
-        description: 'the color of the clipping marker',
-        defaultValue: 'red',
-    },
-    bicolorPivot: {
-        type: 'stringEnum',
-        model: mobx_state_tree_1.types.enumeration('Scale type', [
-            'numeric',
-            'mean',
-            'z_score',
-            'none',
-        ]),
-        description: 'type of bicolor pivot',
-        defaultValue: 'numeric',
-    },
-    bicolorPivotValue: {
-        type: 'number',
-        defaultValue: 0,
-        description: 'value to use for bicolor pivot',
-    },
-}, { explicitlyTyped: true });
-exports.default = WiggleRenderer;

package/dist/shared/DraggableDialog.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { DialogProps } from '@mui/material';
-declare const DraggableDialog: (props: DialogProps & {
-    title: string;
-}) => React.JSX.Element;
-export default DraggableDialog;

package/dist/shared/DraggableDialog.js

@@ -1,62 +0,0 @@
-"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 Close_1 = __importDefault(require("@mui/icons-material/Close"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const react_draggable_1 = __importDefault(require("react-draggable"));
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    closeButton: {
-        position: 'absolute',
-        right: theme.spacing(1),
-        top: theme.spacing(1),
-        color: theme.palette.grey[500],
-    },
-}));
-function PaperComponent(props) {
-    const ref = (0, react_1.useRef)(null);
-    return (react_1.default.createElement(react_draggable_1.default, { nodeRef: ref, cancel: '[class*="MuiDialogContent-root"]', onStart: arg => { var _a, _b; return (_b = (_a = arg.target) === null || _a === void 0 ? void 0 : _a.className) === null || _b === void 0 ? void 0 : _b.includes('MuiDialogTitle'); } },
-        react_1.default.createElement(material_1.Paper, { ref: ref, ...props })));
-}
-const DraggableDialog = (0, mobx_react_1.observer)(function DraggableDialog(props) {
-    const { classes } = useStyles();
-    const { title, children, onClose } = props;
-    return (react_1.default.createElement(material_1.Dialog, { ...props, PaperComponent: PaperComponent },
-        react_1.default.createElement(material_1.ScopedCssBaseline, null,
-            react_1.default.createElement(material_1.DialogTitle, { style: { cursor: 'move' } },
-                title,
-                onClose ? (react_1.default.createElement(material_1.IconButton, { className: classes.closeButton, onClick: () => {
-                        onClose();
-                    } },
-                    react_1.default.createElement(Close_1.default, null))) : null),
-            react_1.default.createElement(material_1.Divider, null),
-            children)));
-});
-exports.default = DraggableDialog;

package/dist/shared/Tooltip.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import type { TooltipContentsComponent } from '../Tooltip';
-import type { Source } from '../util';
-import type { Feature } from '@jbrowse/core/util';
-type Coord = [number, number];
-declare const VariantTooltip: (props: {
-    model: {
-        featureUnderMouse: Feature;
-        sources: Source[];
-        rowHeight: number;
-    };
-    height: number;
-    offsetMouseCoord: Coord;
-    clientMouseCoord: Coord;
-    clientRect?: DOMRect;
-    TooltipContents?: TooltipContentsComponent;
-}) => React.JSX.Element;
-export default VariantTooltip;

package/dist/shared/Tooltip.js

@@ -1,38 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const mobx_react_1 = require("mobx-react");
-const Tooltip_1 = __importDefault(require("../Tooltip"));
-const en = (n) => n.toLocaleString('en-US');
-const TooltipContents = react_1.default.forwardRef(function TooltipContents2({ model, feature }, ref) {
-    const start = feature.get('start');
-    const end = feature.get('end');
-    const refName = feature.get('refName');
-    const coord = start === end ? en(start) : `${en(start)}..${en(end)}`;
-    const sources = feature.get('sources');
-    const source = feature.get('source');
-    const obj = Object.fromEntries(model.sources.map(ent => [ent.name, ent]));
-    return (react_1.default.createElement("div", { ref: ref },
-        [refName, coord].filter(f => !!f).join(':'),
-        react_1.default.createElement("br", null),
-        sources ? (react_1.default.createElement("table", null,
-            react_1.default.createElement("thead", null,
-                react_1.default.createElement("tr", null,
-                    react_1.default.createElement("th", null, "color"),
-                    react_1.default.createElement("th", null, "source"),
-                    react_1.default.createElement("th", null, "score"))),
-            react_1.default.createElement("tbody", null, Object.entries(sources).map(([source, data]) => {
-                var _a;
-                return (react_1.default.createElement("tr", { key: source },
-                    react_1.default.createElement("td", { style: { background: (_a = obj[source]) === null || _a === void 0 ? void 0 : _a.color } }, " "),
-                    react_1.default.createElement("td", null, source),
-                    react_1.default.createElement("td", null, data.score)));
-            })))) : (react_1.default.createElement("span", null, source))));
-});
-const VariantTooltip = (0, mobx_react_1.observer)((props) => {
-    return react_1.default.createElement(Tooltip_1.default, { useClientY: true, TooltipContents: TooltipContents, ...props });
-});
-exports.default = VariantTooltip;

package/esm/VariantFeatureWidget/AnnotGrid.d.ts

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

package/esm/VariantFeatureWidget/AnnotGrid.js

@@ -1,13 +0,0 @@
-import React, { useState } from 'react';
-import { measureGridWidth } from '@jbrowse/core/util';
-import { Checkbox, FormControlLabel, Typography } from '@mui/material';
-import { DataGrid, GridToolbar } from '@mui/x-data-grid';
-export default function VariantAnnotPanel({ rows, columns, }) {
-    const [checked, setChecked] = useState(false);
-    const widths = columns.map(e => measureGridWidth(rows.map(r => r[e.field])));
-    return rows.length ? (React.createElement("div", null,
-        React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: checked, onChange: event => {
-                    setChecked(event.target.checked);
-                } }), label: React.createElement(Typography, { variant: "body2" }, "Show options") }),
-        React.createElement(DataGrid, { rowHeight: 25, rows: rows, columns: columns.map((c, i) => ({ ...c, width: widths[i] })), slots: { toolbar: checked ? GridToolbar : null } }))) : null;
-}

package/esm/VariantFeatureWidget/VariantAnnotationTable.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export default function VariantAnnotationTable({ data, fields, title, }: {
-    data: string[];
-    fields: string[];
-    title: string;
-}): React.JSX.Element | null;

package/esm/VariantFeatureWidget/VariantAnnotationTable.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import BaseCard from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail/BaseCard';
-import AnnotGrid from './AnnotGrid';
-export default function VariantAnnotationTable({ data, fields, title, }) {
-    return data.length ? (React.createElement(BaseCard, { title: title },
-        React.createElement(AnnotGrid, { rows: data.map((elt, id) => ({
-                id,
-                ...Object.fromEntries(elt.split('|').map((e, i) => [fields[i], e])),
-            })), columns: fields.map(c => ({ field: c })) }))) : null;
-}

package/esm/configSchema.d.ts

@@ -1,34 +0,0 @@
-declare const WiggleRenderer: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    color: {
-        type: string;
-        description: string;
-        defaultValue: string;
-    };
-    posColor: {
-        type: string;
-        description: string;
-        defaultValue: string;
-    };
-    negColor: {
-        type: string;
-        description: string;
-        defaultValue: string;
-    };
-    clipColor: {
-        type: string;
-        description: string;
-        defaultValue: string;
-    };
-    bicolorPivot: {
-        type: string;
-        model: import("mobx-state-tree").ISimpleType<string>;
-        description: string;
-        defaultValue: string;
-    };
-    bicolorPivotValue: {
-        type: string;
-        defaultValue: number;
-        description: string;
-    };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
-export default WiggleRenderer;

package/esm/configSchema.js

@@ -1,42 +0,0 @@
-import { ConfigurationSchema } from '@jbrowse/core/configuration';
-import { types } from 'mobx-state-tree';
-function x() { }
-const WiggleRenderer = ConfigurationSchema('WiggleRenderer', {
-    color: {
-        type: 'color',
-        description: 'the color of track, overrides posColor and negColor',
-        defaultValue: '#f0f',
-    },
-    posColor: {
-        type: 'color',
-        description: 'the color to use when the score is positive',
-        defaultValue: 'blue',
-    },
-    negColor: {
-        type: 'color',
-        description: 'the color to use when the score is negative',
-        defaultValue: 'red',
-    },
-    clipColor: {
-        type: 'color',
-        description: 'the color of the clipping marker',
-        defaultValue: 'red',
-    },
-    bicolorPivot: {
-        type: 'stringEnum',
-        model: types.enumeration('Scale type', [
-            'numeric',
-            'mean',
-            'z_score',
-            'none',
-        ]),
-        description: 'type of bicolor pivot',
-        defaultValue: 'numeric',
-    },
-    bicolorPivotValue: {
-        type: 'number',
-        defaultValue: 0,
-        description: 'value to use for bicolor pivot',
-    },
-}, { explicitlyTyped: true });
-export default WiggleRenderer;

package/esm/shared/DraggableDialog.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { DialogProps } from '@mui/material';
-declare const DraggableDialog: (props: DialogProps & {
-    title: string;
-}) => React.JSX.Element;
-export default DraggableDialog;

package/esm/shared/DraggableDialog.js

@@ -1,34 +0,0 @@
-import React, { useRef } from 'react';
-import CloseIcon from '@mui/icons-material/Close';
-import { Dialog, DialogTitle, Divider, IconButton, Paper, ScopedCssBaseline, } from '@mui/material';
-import { observer } from 'mobx-react';
-import Draggable from 'react-draggable';
-import { makeStyles } from 'tss-react/mui';
-const useStyles = makeStyles()(theme => ({
-    closeButton: {
-        position: 'absolute',
-        right: theme.spacing(1),
-        top: theme.spacing(1),
-        color: theme.palette.grey[500],
-    },
-}));
-function PaperComponent(props) {
-    const ref = useRef(null);
-    return (React.createElement(Draggable, { nodeRef: ref, cancel: '[class*="MuiDialogContent-root"]', onStart: arg => { var _a, _b; return (_b = (_a = arg.target) === null || _a === void 0 ? void 0 : _a.className) === null || _b === void 0 ? void 0 : _b.includes('MuiDialogTitle'); } },
-        React.createElement(Paper, { ref: ref, ...props })));
-}
-const DraggableDialog = observer(function DraggableDialog(props) {
-    const { classes } = useStyles();
-    const { title, children, onClose } = props;
-    return (React.createElement(Dialog, { ...props, PaperComponent: PaperComponent },
-        React.createElement(ScopedCssBaseline, null,
-            React.createElement(DialogTitle, { style: { cursor: 'move' } },
-                title,
-                onClose ? (React.createElement(IconButton, { className: classes.closeButton, onClick: () => {
-                        onClose();
-                    } },
-                    React.createElement(CloseIcon, null))) : null),
-            React.createElement(Divider, null),
-            children)));
-});
-export default DraggableDialog;

package/esm/shared/Tooltip.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import type { TooltipContentsComponent } from '../Tooltip';
-import type { Source } from '../util';
-import type { Feature } from '@jbrowse/core/util';
-type Coord = [number, number];
-declare const VariantTooltip: (props: {
-    model: {
-        featureUnderMouse: Feature;
-        sources: Source[];
-        rowHeight: number;
-    };
-    height: number;
-    offsetMouseCoord: Coord;
-    clientMouseCoord: Coord;
-    clientRect?: DOMRect;
-    TooltipContents?: TooltipContentsComponent;
-}) => React.JSX.Element;
-export default VariantTooltip;

package/esm/shared/Tooltip.js

@@ -1,33 +0,0 @@
-import React from 'react';
-import { observer } from 'mobx-react';
-import Tooltip from '../Tooltip';
-const en = (n) => n.toLocaleString('en-US');
-const TooltipContents = React.forwardRef(function TooltipContents2({ model, feature }, ref) {
-    const start = feature.get('start');
-    const end = feature.get('end');
-    const refName = feature.get('refName');
-    const coord = start === end ? en(start) : `${en(start)}..${en(end)}`;
-    const sources = feature.get('sources');
-    const source = feature.get('source');
-    const obj = Object.fromEntries(model.sources.map(ent => [ent.name, ent]));
-    return (React.createElement("div", { ref: ref },
-        [refName, coord].filter(f => !!f).join(':'),
-        React.createElement("br", null),
-        sources ? (React.createElement("table", null,
-            React.createElement("thead", null,
-                React.createElement("tr", null,
-                    React.createElement("th", null, "color"),
-                    React.createElement("th", null, "source"),
-                    React.createElement("th", null, "score"))),
-            React.createElement("tbody", null, Object.entries(sources).map(([source, data]) => {
-                var _a;
-                return (React.createElement("tr", { key: source },
-                    React.createElement("td", { style: { background: (_a = obj[source]) === null || _a === void 0 ? void 0 : _a.color } }, " "),
-                    React.createElement("td", null, source),
-                    React.createElement("td", null, data.score)));
-            })))) : (React.createElement("span", null, source))));
-});
-const VariantTooltip = observer((props) => {
-    return React.createElement(Tooltip, { useClientY: true, TooltipContents: TooltipContents, ...props });
-});
-export default VariantTooltip;