@jbrowse/plugin-data-management 1.7.11 → 2.1.0

package/esm/AssemblyManager/AssemblyManager.js

@@ -0,0 +1,69 @@
+import React, { useState } from 'react';
+import { observer } from 'mobx-react';
+import { makeStyles } from 'tss-react/mui';
+import { Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, } from '@mui/material';
+import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos';
+import CloseIcon from '@mui/icons-material/Close';
+import AddIcon from '@mui/icons-material/Add';
+import AssemblyTable from './AssemblyTable';
+import AssemblyAddForm from './AssemblyAddForm';
+import AssemblyEditor from './AssemblyEditor';
+const useStyles = makeStyles()(theme => ({
+    titleBox: {
+        color: '#fff',
+        backgroundColor: theme.palette.primary.main,
+        textAlign: 'center',
+    },
+    dialogContent: {
+        width: '100%',
+    },
+    backButton: {
+        color: '#fff',
+        position: 'absolute',
+        left: theme.spacing(4),
+        top: theme.spacing(4),
+    },
+    closeButton: {
+        position: 'absolute',
+        right: theme.spacing(1),
+        top: theme.spacing(1),
+        color: theme.palette.grey[500],
+    },
+}));
+const AssemblyManager = observer(({ rootModel, onClose, }) => {
+    const { classes } = useStyles();
+    const [isFormOpen, setFormOpen] = useState(false);
+    const [isAssemblyBeingEdited, setIsAssemblyBeingEdited] = useState(false);
+    const [assemblyBeingEdited, setAssemblyBeingEdited] = useState();
+    const showAssemblyTable = !isFormOpen && !isAssemblyBeingEdited;
+    return (React.createElement(Dialog, { open: true, onClose: () => onClose(false) },
+        React.createElement(DialogTitle, { className: classes.titleBox },
+            showAssemblyTable ? 'Assembly manager' : null,
+            isFormOpen ? (React.createElement(React.Fragment, null,
+                React.createElement(IconButton, { "aria-label": "back", className: classes.backButton, onClick: () => setFormOpen(false) },
+                    React.createElement(ArrowBackIosIcon, null)),
+                "Add new assembly")) : null,
+            isAssemblyBeingEdited ? (React.createElement(React.Fragment, null,
+                React.createElement(IconButton, { "aria-label": "back", className: classes.backButton, onClick: () => setIsAssemblyBeingEdited(false) },
+                    React.createElement(ArrowBackIosIcon, null)),
+                returnAssemblyName(assemblyBeingEdited))) : null,
+            React.createElement(IconButton, { "aria-label": "close", className: classes.closeButton, onClick: () => onClose(false) },
+                React.createElement(CloseIcon, null))),
+        React.createElement(DialogContent, null,
+            React.createElement("div", { className: classes.dialogContent },
+                showAssemblyTable ? (React.createElement(AssemblyTable, { rootModel: rootModel, setIsAssemblyBeingEdited: setIsAssemblyBeingEdited, setAssemblyBeingEdited: setAssemblyBeingEdited })) : null,
+                isAssemblyBeingEdited ? (React.createElement(AssemblyEditor, { assembly: assemblyBeingEdited })) : null,
+                isFormOpen ? (React.createElement(AssemblyAddForm, { rootModel: rootModel, setFormOpen: setFormOpen })) : null)),
+        React.createElement(DialogActions, null, showAssemblyTable ? (React.createElement(React.Fragment, null,
+            React.createElement(Button, { color: "secondary", variant: "contained", onClick: () => onClose(false) }, "Close"),
+            React.createElement(Button, { variant: "contained", color: "secondary", startIcon: React.createElement(AddIcon, null), onClick: () => setFormOpen(true) }, "Add new assembly"))) : null)));
+});
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function returnAssemblyName(assembly) {
+    if (assembly !== undefined) {
+        return assembly.name;
+    }
+    return null;
+}
+export default AssemblyManager;
+//# sourceMappingURL=AssemblyManager.js.map

package/esm/AssemblyManager/AssemblyManager.js.map

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

package/esm/AssemblyManager/AssemblyTable.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+declare const AssemblyTable: ({ rootModel, setIsAssemblyBeingEdited, setAssemblyBeingEdited, }: {
+    rootModel: {
+        jbrowse: {
+            removeAssemblyConf: (arg: string) => void;
+            assemblies: AnyConfigurationModel[];
+        };
+    };
+    setIsAssemblyBeingEdited(arg: boolean): void;
+    setAssemblyBeingEdited(arg: AnyConfigurationModel): void;
+}) => JSX.Element;
+export default AssemblyTable;

package/esm/AssemblyManager/AssemblyTable.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import { IconButton, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Paper, Typography, } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import CreateIcon from '@mui/icons-material/Create';
+import DeleteIcon from '@mui/icons-material/Delete';
+import { readConfObject, } from '@jbrowse/core/configuration';
+const useStyles = makeStyles()(() => ({
+    table: {
+        minWidth: 500,
+        minHeight: 150,
+    },
+    buttonCell: {
+        padding: 3,
+    },
+    button: {
+        display: 'inline-block',
+        padding: 3,
+        minHeight: 0,
+        minWidth: 0,
+    },
+}));
+const AssemblyTable = observer(({ rootModel, setIsAssemblyBeingEdited, setAssemblyBeingEdited, }) => {
+    const { classes } = useStyles();
+    function removeAssembly(name) {
+        rootModel.jbrowse.removeAssemblyConf(name);
+    }
+    const rows = rootModel.jbrowse.assemblies.map(assembly => {
+        const name = readConfObject(assembly, 'name');
+        const displayName = readConfObject(assembly, 'displayName');
+        const aliases = readConfObject(assembly, 'aliases');
+        return (React.createElement(TableRow, { key: name },
+            React.createElement(TableCell, null, name),
+            React.createElement(TableCell, null, displayName),
+            React.createElement(TableCell, null, aliases ? aliases.toString() : ''),
+            React.createElement(TableCell, { className: classes.buttonCell },
+                React.createElement(IconButton, { "data-testid": `${name}-edit`, className: classes.button, onClick: () => {
+                        setIsAssemblyBeingEdited(true);
+                        setAssemblyBeingEdited(assembly);
+                    } },
+                    React.createElement(CreateIcon, { color: "primary" })),
+                React.createElement(IconButton, { "data-testid": `${name}-delete`, className: classes.button, onClick: () => {
+                        removeAssembly(name);
+                    } },
+                    React.createElement(DeleteIcon, { color: "error" })))));
+    });
+    return (React.createElement(TableContainer, { component: Paper },
+        React.createElement(Table, { className: classes.table },
+            React.createElement(TableHead, null,
+                React.createElement(TableRow, null,
+                    React.createElement(TableCell, null,
+                        React.createElement(Typography, { variant: "h5" }, "Name")),
+                    React.createElement(TableCell, null,
+                        React.createElement(Typography, { variant: "h5" }, "Display name")),
+                    React.createElement(TableCell, null,
+                        React.createElement(Typography, { variant: "h5" }, "Aliases")),
+                    React.createElement(TableCell, null,
+                        React.createElement(Typography, { variant: "h5" }, "Actions")))),
+            React.createElement(TableBody, null, rows))));
+});
+export default AssemblyTable;
+//# sourceMappingURL=AssemblyTable.js.map

package/esm/AssemblyManager/AssemblyTable.js.map

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

package/esm/AssemblyManager/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AssemblyManager';

package/esm/AssemblyManager/index.js

@@ -0,0 +1,2 @@
+export { default } from './AssemblyManager';
+//# sourceMappingURL=index.js.map

package/esm/AssemblyManager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AssemblyManager/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA"}

package/esm/HierarchicalTrackSelectorWidget/components/CloseConnectionDialog.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare function CloseConnectionDialog({ modalInfo, setModalInfo, }: {
+    modalInfo?: {
+        name?: string;
+        dereferenceTypeCount?: {
+            [key: string]: number;
+        };
+        safelyBreakConnection?: Function;
+    };
+    setModalInfo: Function;
+}): JSX.Element;
+declare const _default: typeof CloseConnectionDialog;
+export default _default;

package/esm/HierarchicalTrackSelectorWidget/components/CloseConnectionDialog.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Dialog, DialogTitle, DialogContent, DialogContentText, Button, List, ListItem, DialogActions, } from '@mui/material';
+import { observer } from 'mobx-react';
+function CloseConnectionDialog({ modalInfo = {}, setModalInfo, }) {
+    const { name, dereferenceTypeCount, safelyBreakConnection } = modalInfo;
+    return (React.createElement(Dialog, { open: true },
+        React.createElement(DialogTitle, null,
+            "Close connection \"",
+            name,
+            "\""),
+        React.createElement(DialogContent, null,
+            dereferenceTypeCount ? (React.createElement(React.Fragment, null,
+                React.createElement(DialogContentText, null, "Closing this connection will close:"),
+                React.createElement(List, null, Object.entries(dereferenceTypeCount).map(([key, value]) => (React.createElement(ListItem, { key: key }, `${value} ${key}`)))))) : null,
+            React.createElement(DialogContentText, null, "Are you sure you want to close this connection?")),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { onClick: () => setModalInfo(), color: "primary" }, "Cancel"),
+            React.createElement(Button, { variant: "contained", onClick: modalInfo
+                    ? () => {
+                        safelyBreakConnection === null || safelyBreakConnection === void 0 ? void 0 : safelyBreakConnection();
+                        setModalInfo();
+                    }
+                    : () => { }, color: "primary" }, "OK"))));
+}
+export default observer(CloseConnectionDialog);
+//# sourceMappingURL=CloseConnectionDialog.js.map

package/esm/HierarchicalTrackSelectorWidget/components/CloseConnectionDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseConnectionDialog.js","sourceRoot":"","sources":["../../../src/HierarchicalTrackSelectorWidget/components/CloseConnectionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,aAAa,GACd,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,SAAS,qBAAqB,CAAC,EAC7B,SAAS,GAAG,EAAE,EACd,YAAY,GAQb;IACC,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,GAAG,SAAS,CAAA;IACvE,OAAO,CACL,oBAAC,MAAM,IAAC,IAAI;QACV,oBAAC,WAAW;;YAAyB,IAAI;iBAAqB;QAC9D,oBAAC,aAAa;YACX,oBAAoB,CAAC,CAAC,CAAC,CACtB;gBACE,oBAAC,iBAAiB,8CAEE;gBACpB,oBAAC,IAAI,QACF,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAC1D,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,IAAG,GAAG,KAAK,IAAI,GAAG,EAAE,CAAY,CACnD,CAAC,CACG,CACN,CACJ,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,iBAAiB,0DAEE,CACN;QAChB,oBAAC,aAAa;YACZ,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,EAAE,KAAK,EAAC,SAAS,aAE7C;YACT,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,OAAO,EACL,SAAS;oBACP,CAAC,CAAC,GAAG,EAAE;wBACH,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,EAAI,CAAA;wBACzB,YAAY,EAAE,CAAA;oBAChB,CAAC;oBACH,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,EAEd,KAAK,EAAC,SAAS,SAGR,CACK,CACT,CACV,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,qBAAqB,CAAC,CAAA"}

package/esm/HierarchicalTrackSelectorWidget/components/DeleteConnectionDialog.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { AnyConfigurationModel } from '@jbrowse/core/configuration/configurationSchema';
+import { AbstractSessionModel } from '@jbrowse/core/util';
+declare function DeleteConnectionDialog({ deleteDialogDetails, session, handleClose, }: {
+    deleteDialogDetails: {
+        name: string;
+        connectionConf: AnyConfigurationModel;
+    };
+    session: AbstractSessionModel;
+    handleClose: () => void;
+}): JSX.Element;
+declare const _default: typeof DeleteConnectionDialog;
+export default _default;

package/esm/HierarchicalTrackSelectorWidget/components/DeleteConnectionDialog.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, } from '@mui/material';
+import { observer } from 'mobx-react';
+function DeleteConnectionDialog({ deleteDialogDetails, session, handleClose, }) {
+    const { connectionConf, name } = deleteDialogDetails;
+    return (React.createElement(Dialog, { open: true },
+        React.createElement(DialogTitle, null,
+            "Delete connection \"",
+            name,
+            "\""),
+        React.createElement(DialogContent, null,
+            React.createElement(DialogContentText, null, "Are you sure you want to delete this connection?")),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { onClick: () => handleClose(), color: "primary" }, "Cancel"),
+            React.createElement(Button, { variant: "contained", color: "primary", onClick: () => {
+                    var _a;
+                    if (connectionConf) {
+                        (_a = session.deleteConnection) === null || _a === void 0 ? void 0 : _a.call(session, connectionConf);
+                    }
+                    handleClose();
+                } }, "OK"))));
+}
+export default observer(DeleteConnectionDialog);
+//# sourceMappingURL=DeleteConnectionDialog.js.map

package/esm/HierarchicalTrackSelectorWidget/components/DeleteConnectionDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteConnectionDialog.js","sourceRoot":"","sources":["../../../src/HierarchicalTrackSelectorWidget/components/DeleteConnectionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,MAAM,GACP,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAIrC,SAAS,sBAAsB,CAAC,EAC9B,mBAAmB,EACnB,OAAO,EACP,WAAW,GAKZ;IACC,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,mBAAmB,CAAA;IACpD,OAAO,CACL,oBAAC,MAAM,IAAC,IAAI;QACV,oBAAC,WAAW;;YAA0B,IAAI;iBAAqB;QAC/D,oBAAC,aAAa;YACZ,oBAAC,iBAAiB,2DAEE,CACN;QAChB,oBAAC,aAAa;YACZ,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,KAAK,EAAC,SAAS,aAE5C;YACT,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;;oBACZ,IAAI,cAAc,EAAE;wBAClB,MAAA,OAAO,CAAC,gBAAgB,wDAAG,cAAc,CAAC,CAAA;qBAC3C;oBACD,WAAW,EAAE,CAAA;gBACf,CAAC,SAGM,CACK,CACT,CACV,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,sBAAsB,CAAC,CAAA"}

package/esm/HierarchicalTrackSelectorWidget/components/Header.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { HierarchicalTrackSelectorModel } from '../model';
+declare function HierarchicalTrackSelectorHeader({ model, setHeaderHeight, setAssemblyIdx, assemblyIdx, }: {
+    model: HierarchicalTrackSelectorModel;
+    setHeaderHeight: (n: number) => void;
+    setAssemblyIdx: (n: number) => void;
+    assemblyIdx: number;
+}): JSX.Element;
+declare const _default: typeof HierarchicalTrackSelectorHeader;
+export default _default;

package/esm/HierarchicalTrackSelectorWidget/components/Header.js

@@ -0,0 +1,149 @@
+import React, { Suspense, lazy, useState } from 'react';
+import { makeStyles } from 'tss-react/mui';
+import { Badge, IconButton, InputAdornment, TextField } from '@mui/material';
+// icons
+import ClearIcon from '@mui/icons-material/Clear';
+import MenuIcon from '@mui/icons-material/Menu';
+import ShoppingCartIcon from '@mui/icons-material/ShoppingCart';
+import { Cable } from '@jbrowse/core/ui/Icons';
+// other
+import JBrowseMenu from '@jbrowse/core/ui/Menu';
+import { getSession, isSessionModelWithWidgets, isSessionModelWithConnections, isSessionWithAddTracks, } from '@jbrowse/core/util';
+import { readConfObject, } from '@jbrowse/core/configuration';
+import { observer } from 'mobx-react';
+import { getEnv } from 'mobx-state-tree';
+// lazy components
+const CloseConnectionDialog = lazy(() => import('./CloseConnectionDialog'));
+const DeleteConnectionDialog = lazy(() => import('./DeleteConnectionDialog'));
+const ManageConnectionsDialog = lazy(() => import('./ManageConnectionsDialog'));
+const ToggleConnectionsDialog = lazy(() => import('./ToggleConnectionsDialog'));
+const useStyles = makeStyles()(theme => ({
+    searchBox: {
+        margin: theme.spacing(2),
+    },
+    menuIcon: {
+        marginRight: theme.spacing(1),
+        marginBottom: 0,
+    },
+}));
+function HierarchicalTrackSelectorHeader({ model, setHeaderHeight, setAssemblyIdx, assemblyIdx, }) {
+    const { classes } = useStyles();
+    const session = getSession(model);
+    const [connectionEl, setConnectionEl] = useState();
+    const [selectionEl, setSelectionEl] = useState();
+    const [menuEl, setMenuEl] = useState();
+    const [modalInfo, setModalInfo] = useState();
+    const [deleteDlgDetails, setDeleteDlgDetails] = useState();
+    const [connectionManagerOpen, setConnectionManagerOpen] = useState(false);
+    const [connectionToggleOpen, setConnectionToggleOpen] = useState(false);
+    const { assemblyNames } = model;
+    const assemblyName = assemblyNames[assemblyIdx];
+    function breakConnection(connectionConf, deletingConnection) {
+        const name = readConfObject(connectionConf, 'name');
+        // @ts-ignore
+        const result = session.prepareToBreakConnection(connectionConf);
+        if (result) {
+            const [safelyBreakConnection, dereferenceTypeCount] = result;
+            if (Object.keys(dereferenceTypeCount).length > 0) {
+                setModalInfo({
+                    connectionConf,
+                    safelyBreakConnection,
+                    dereferenceTypeCount,
+                    name,
+                });
+            }
+            else {
+                safelyBreakConnection();
+            }
+        }
+        if (deletingConnection) {
+            setDeleteDlgDetails({ name, connectionConf });
+        }
+    }
+    const connectionMenuItems = [
+        {
+            label: 'Turn on/off connections...',
+            onClick: () => setConnectionToggleOpen(true),
+        },
+    ];
+    if (isSessionModelWithConnections(session)) {
+        connectionMenuItems.unshift({
+            label: 'Add connection',
+            onClick: () => {
+                if (isSessionModelWithWidgets(session)) {
+                    session.showWidget(session.addWidget('AddConnectionWidget', 'addConnectionWidget'));
+                }
+            },
+        });
+        connectionMenuItems.push({
+            label: 'Delete connections...',
+            onClick: () => setConnectionManagerOpen(true),
+        });
+    }
+    const assemblyMenuItems = assemblyNames.length > 1
+        ? [
+            {
+                label: 'Select assembly...',
+                subMenu: assemblyNames.map((name, idx) => ({
+                    label: name,
+                    onClick: () => setAssemblyIdx(idx),
+                })),
+            },
+        ]
+        : [];
+    const menuItems = [
+        {
+            label: 'Add track...',
+            onClick: () => {
+                if (isSessionModelWithWidgets(session)) {
+                    session.showWidget(session.addWidget('AddTrackWidget', 'addTrackWidget', {
+                        view: model.view.id,
+                    }));
+                }
+            },
+        },
+        ...assemblyMenuItems,
+    ];
+    const items = getEnv(model).pluginManager.evaluateExtensionPoint('TrackSelector-multiTrackMenuItems');
+    return (React.createElement("div", { ref: ref => setHeaderHeight((ref === null || ref === void 0 ? void 0 : ref.getBoundingClientRect().height) || 0), "data-testid": "hierarchical_track_selector" },
+        React.createElement("div", { style: { display: 'flex' } },
+            isSessionWithAddTracks(session) && (React.createElement(IconButton, { className: classes.menuIcon, onClick: event => setMenuEl(event.currentTarget) },
+                React.createElement(MenuIcon, null))),
+            session.makeConnection && (React.createElement(IconButton, { className: classes.menuIcon, onClick: event => setConnectionEl(event.currentTarget) },
+                React.createElement(Cable, null))),
+            model.selection.length ? (React.createElement(IconButton, { className: classes.menuIcon, onClick: event => setSelectionEl(event.currentTarget) },
+                React.createElement(Badge, { badgeContent: model.selection.length, color: "primary" },
+                    React.createElement(ShoppingCartIcon, null)))) : null,
+            React.createElement(TextField, { className: classes.searchBox, label: "Filter tracks", value: model.filterText, onChange: event => model.setFilterText(event.target.value), fullWidth: true, InputProps: {
+                    endAdornment: (React.createElement(InputAdornment, { position: "end" },
+                        React.createElement(IconButton, { color: "secondary", onClick: model.clearFilterText },
+                            React.createElement(ClearIcon, null)))),
+                } })),
+        React.createElement(JBrowseMenu, { anchorEl: connectionEl, open: Boolean(connectionEl), onMenuItemClick: (_, callback) => {
+                callback();
+                setConnectionEl(undefined);
+            }, onClose: () => setConnectionEl(undefined), menuItems: connectionMenuItems }),
+        React.createElement(JBrowseMenu, { anchorEl: menuEl, open: Boolean(menuEl), onMenuItemClick: (_, callback) => {
+                callback();
+                setMenuEl(undefined);
+            }, onClose: () => setMenuEl(undefined), menuItems: menuItems }),
+        React.createElement(JBrowseMenu, { anchorEl: selectionEl, open: Boolean(selectionEl), onMenuItemClick: (_, callback) => {
+                callback();
+                setSelectionEl(undefined);
+            }, onClose: () => setSelectionEl(undefined), menuItems: [
+                { label: 'Clear', onClick: () => model.clearSelection() },
+                ...items.map(item => ({
+                    ...item,
+                    ...('onClick' in item
+                        ? { onClick: () => item.onClick(model) }
+                        : {}),
+                })),
+            ] }),
+        React.createElement(Suspense, { fallback: React.createElement("div", null) },
+            modalInfo ? (React.createElement(CloseConnectionDialog, { modalInfo: modalInfo, setModalInfo: setModalInfo })) : null,
+            deleteDlgDetails ? (React.createElement(DeleteConnectionDialog, { handleClose: () => setDeleteDlgDetails(undefined), deleteDialogDetails: deleteDlgDetails, session: session })) : null,
+            connectionManagerOpen ? (React.createElement(ManageConnectionsDialog, { handleClose: () => setConnectionManagerOpen(false), breakConnection: breakConnection, session: session })) : null,
+            connectionToggleOpen ? (React.createElement(ToggleConnectionsDialog, { handleClose: () => setConnectionToggleOpen(false), session: session, breakConnection: breakConnection, assemblyName: assemblyName })) : null)));
+}
+export default observer(HierarchicalTrackSelectorHeader);
+//# sourceMappingURL=Header.js.map

package/esm/HierarchicalTrackSelectorWidget/components/Header.js.map

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

package/esm/HierarchicalTrackSelectorWidget/components/HierarchicalTrackSelector.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { HierarchicalTrackSelectorModel } from '../model';
+declare const HierarchicalTrackSelectorContainer: ({ model, toolbarHeight, overrideDimensions, }: {
+    model: HierarchicalTrackSelectorModel;
+    toolbarHeight: number;
+    overrideDimensions?: {
+        width: number;
+        height: number;
+    } | undefined;
+}) => JSX.Element;
+export default HierarchicalTrackSelectorContainer;

package/esm/HierarchicalTrackSelectorWidget/components/HierarchicalTrackSelector.js

@@ -0,0 +1,127 @@
+import React, { useCallback, useMemo, useState, useRef, useEffect } from 'react';
+import { Fab, Menu, MenuItem } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+// icons
+import AddIcon from '@mui/icons-material/Add';
+// other
+import AutoSizer from 'react-virtualized-auto-sizer';
+import { getSession, isSessionModelWithWidgets, isSessionModelWithConnections, isSessionWithAddTracks, } from '@jbrowse/core/util';
+import { observer } from 'mobx-react';
+import { VariableSizeTree } from 'react-vtree';
+import Header from './Header';
+import Node from './Node';
+const useStyles = makeStyles()(theme => ({
+    fab: {
+        position: 'absolute',
+        bottom: theme.spacing(6),
+        right: theme.spacing(6),
+    },
+}));
+function getNodeData(node, nestingLevel, extra, selection) {
+    const isLeaf = !!node.conf;
+    const selected = !!selection[node.id];
+    return {
+        data: {
+            defaultHeight: isLeaf ? 22 : 40,
+            isLeaf,
+            isOpenByDefault: true,
+            nestingLevel,
+            selected,
+            ...node,
+            ...extra,
+        },
+        nestingLevel,
+        node,
+    };
+}
+// this is the main tree component for the hierarchical track selector in note:
+// in jbrowse-web the toolbar is position="sticky" which means the autosizer
+// includes the height of the toolbar, so we subtract the given offsets
+const HierarchicalTree = observer(({ height, tree, model, }) => {
+    const { filterText, selection, view } = model;
+    const treeRef = useRef(null);
+    const session = getSession(model);
+    const { drawerPosition } = session;
+    const obj = useMemo(() => Object.fromEntries(selection.map(s => [s.trackId, s])), [selection]);
+    const extra = useMemo(() => ({
+        onChange: (trackId) => view.toggleTrack(trackId),
+        toggleCollapse: (pathName) => model.toggleCategory(pathName),
+        tree,
+        model,
+        drawerPosition,
+    }), [view, model, drawerPosition, tree]);
+    const treeWalker = useCallback(function* treeWalker() {
+        for (let i = 0; i < tree.children.length; i++) {
+            const r = tree.children[i];
+            yield getNodeData(r, 0, extra, obj);
+        }
+        while (true) {
+            // @ts-ignore
+            const parentMeta = yield;
+            for (let i = 0; i < parentMeta.node.children.length; i++) {
+                const curr = parentMeta.node.children[i];
+                yield getNodeData(curr, parentMeta.nestingLevel + 1, extra, obj);
+            }
+        }
+    }, [tree, extra, obj]);
+    useEffect(() => {
+        // @ts-ignore
+        treeRef.current.recomputeTree({
+            refreshNodes: true,
+            useDefaultHeight: true,
+        });
+    }, [tree, filterText]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(VariableSizeTree, { ref: treeRef, treeWalker: treeWalker, height: height }, Node)));
+});
+// Don't use autosizer in jest and instead hardcode a height, otherwise fails
+// jest tests
+const AutoSizedHierarchicalTree = ({ tree, model, offset, }) => {
+    return typeof jest === 'undefined' ? (React.createElement(AutoSizer, { disableWidth: true }, ({ height }) => {
+        return (React.createElement(HierarchicalTree, { height: height - offset, model: model, tree: tree }));
+    })) : (React.createElement(HierarchicalTree, { height: 9000, model: model, tree: tree }));
+};
+const Wrapper = ({ overrideDimensions, children, }) => {
+    return overrideDimensions ? (React.createElement("div", { style: { ...overrideDimensions } }, children)) : (React.createElement(React.Fragment, null, children));
+};
+const HierarchicalTrackSelectorContainer = observer(({ model, toolbarHeight, overrideDimensions, }) => {
+    const { classes } = useStyles();
+    const session = getSession(model);
+    const [anchorEl, setAnchorEl] = useState(null);
+    function handleFabClose() {
+        setAnchorEl(null);
+    }
+    const hasConnections = isSessionModelWithConnections(session);
+    const hasAddTrack = isSessionWithAddTracks(session);
+    return (React.createElement(Wrapper, { overrideDimensions: overrideDimensions },
+        React.createElement(HierarchicalTrackSelector, { model: model, toolbarHeight: toolbarHeight }),
+        hasAddTrack || hasConnections ? (React.createElement(React.Fragment, null,
+            React.createElement(Fab, { color: "secondary", className: classes.fab, onClick: event => setAnchorEl(event.currentTarget) },
+                React.createElement(AddIcon, null)),
+            React.createElement(Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: () => setAnchorEl(null) },
+                hasConnections ? (React.createElement(MenuItem, { onClick: () => {
+                        handleFabClose();
+                        if (isSessionModelWithWidgets(session)) {
+                            session.showWidget(session.addWidget('AddConnectionWidget', 'addConnectionWidget'));
+                        }
+                    } }, "Add connection")) : null,
+                hasAddTrack ? (React.createElement(MenuItem, { onClick: () => {
+                        handleFabClose();
+                        if (isSessionModelWithWidgets(session)) {
+                            session.showWidget(session.addWidget('AddTrackWidget', 'addTrackWidget', {
+                                view: model.view.id,
+                            }));
+                        }
+                    } }, "Add track")) : null))) : null));
+});
+const HierarchicalTrackSelector = observer(({ model, toolbarHeight = 0, }) => {
+    const [assemblyIdx, setAssemblyIdx] = useState(0);
+    const [headerHeight, setHeaderHeight] = useState(0);
+    const { assemblyNames } = model;
+    const assemblyName = assemblyNames[assemblyIdx];
+    return assemblyName ? (React.createElement(React.Fragment, null,
+        React.createElement(Header, { model: model, setHeaderHeight: setHeaderHeight, setAssemblyIdx: setAssemblyIdx, assemblyIdx: assemblyIdx }),
+        React.createElement(AutoSizedHierarchicalTree, { tree: model.hierarchy(assemblyName), model: model, offset: toolbarHeight + headerHeight }))) : null;
+});
+export default HierarchicalTrackSelectorContainer;
+//# sourceMappingURL=HierarchicalTrackSelector.js.map

package/esm/HierarchicalTrackSelectorWidget/components/HierarchicalTrackSelector.js.map

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

package/esm/HierarchicalTrackSelectorWidget/components/ManageConnectionsDialog.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import { AbstractSessionModel } from '@jbrowse/core/util';
+declare function ManageConnectionsDlg({ session, handleClose, breakConnection, }: {
+    handleClose: () => void;
+    session: AbstractSessionModel;
+    breakConnection: (conf: AnyConfigurationModel, arg: boolean) => void;
+}): JSX.Element;
+declare const _default: typeof ManageConnectionsDlg;
+export default _default;