@jbrowse/plugin-data-management 2.17.0 → 3.0.0

package/esm/AssemblyManager/AssemblyEditor.js

@@ -1,6 +1,7 @@
-import React from 'react';
-import { observer } from 'mobx-react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { ConfigurationEditor } from '@jbrowse/plugin-config';
+import { Button, DialogActions, DialogContent } from '@mui/material';
+import { observer } from 'mobx-react';
 import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()({
     container: {
@@ -8,8 +9,10 @@ const useStyles = makeStyles()({
         maxHeight: 600,
     },
 });
-const AssemblyEditor = observer(function ({ assembly, }) {
+const AssemblyEditor = observer(function ({ assembly, onClose, }) {
     const { classes } = useStyles();
-    return (React.createElement("div", { className: classes.container }, assembly ? (React.createElement(ConfigurationEditor, { model: { target: assembly } })) : (React.createElement("div", null, "No assembly"))));
+    return (_jsxs(_Fragment, { children: [_jsx(DialogContent, { children: _jsx("div", { className: classes.container, children: assembly ? (_jsx(ConfigurationEditor, { model: { target: assembly } })) : (_jsx("div", { children: "No assembly" })) }) }), _jsx(DialogActions, { children: _jsx(Button, { variant: "contained", onClick: () => {
+                        onClose();
+                    }, children: "Back" }) })] }));
 });
 export default AssemblyEditor;

package/esm/AssemblyManager/AssemblyManager.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-declare const AssemblyManager: ({ rootModel, onClose, }: {
-    rootModel: any;
-    onClose: (arg: boolean) => void;
-}) => React.JSX.Element;
+import type { AbstractSessionModel } from '@jbrowse/core/util';
+declare const AssemblyManager: ({ session, onClose, }: {
+    session: AbstractSessionModel;
+    onClose: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
 export default AssemblyManager;

package/esm/AssemblyManager/AssemblyManager.js

@@ -1,38 +1,25 @@
-import React, { useState } from 'react';
-import { observer } from 'mobx-react';
-import { Button, DialogActions, DialogContent } from '@mui/material';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Dialog } from '@jbrowse/core/ui';
-// icons
-import AddIcon from '@mui/icons-material/Add';
-// locals
-import AssemblyTable from './AssemblyTable';
+import { observer } from 'mobx-react';
 import AssemblyAddForm from './AssemblyAddForm';
 import AssemblyEditor from './AssemblyEditor';
-const AssemblyManager = observer(function ({ rootModel, onClose, }) {
+import AssemblyTable from './AssemblyTable';
+const AssemblyManager = observer(function ({ session, onClose, }) {
     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);
-        }, title: "Assembly manager" },
-        React.createElement(DialogContent, null,
-            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,
-            isFormOpen ? (React.createElement(Button, { variant: "contained", onClick: () => {
-                    setFormOpen(false);
-                } }, "Back")) : null,
-            isAssemblyBeingEdited ? (React.createElement(Button, { variant: "contained", onClick: () => {
-                    setIsAssemblyBeingEdited(false);
-                } }, "Back")) : null,
-            showAssemblyTable ? (React.createElement(React.Fragment, null,
-                React.createElement(Button, { color: "secondary", variant: "contained", onClick: () => {
-                        onClose(false);
-                    } }, "Close"),
-                React.createElement(Button, { variant: "contained", startIcon: React.createElement(AddIcon, null), onClick: () => {
-                        setFormOpen(true);
-                    } }, "Add new assembly"))) : null)));
+    const [editingAssembly, setEditingAssembly] = useState();
+    return (_jsx(Dialog, { open: true, title: "Assembly manager", onClose: () => {
+            onClose();
+        }, children: editingAssembly ? (_jsx(AssemblyEditor, { assembly: editingAssembly, onClose: () => {
+                setEditingAssembly(undefined);
+            } })) : isFormOpen ? (_jsx(AssemblyAddForm, { session: session, onClose: () => {
+                setFormOpen(false);
+            } })) : (_jsx(AssemblyTable, { session: session, onClose: () => {
+                onClose();
+            }, onAddAssembly: () => {
+                setFormOpen(true);
+            }, onEditAssembly: arg => {
+                setEditingAssembly(arg);
+            } })) }));
 });
 export default AssemblyManager;

package/esm/AssemblyManager/AssemblyTable.d.ts

@@ -1,13 +1,9 @@
-import React from '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;
-}) => React.JSX.Element;
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AbstractSessionModel } from '@jbrowse/core/util';
+declare const AssemblyTable: ({ onEditAssembly, onAddAssembly, onClose, session, }: {
+    onEditAssembly: (arg: AnyConfigurationModel) => void;
+    onAddAssembly: () => void;
+    onClose: () => void;
+    session: AbstractSessionModel;
+}) => import("react/jsx-runtime").JSX.Element;
 export default AssemblyTable;

package/esm/AssemblyManager/AssemblyTable.js

@@ -1,40 +1,47 @@
-import React from 'react';
-import { observer } from 'mobx-react';
-import { IconButton, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Paper, } from '@mui/material';
-import { readConfObject, } from '@jbrowse/core/configuration';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { readConfObject } from '@jbrowse/core/configuration';
+import AddIcon from '@mui/icons-material/Add';
 import CreateIcon from '@mui/icons-material/Create';
 import DeleteIcon from '@mui/icons-material/Delete';
-const AssemblyTable = observer(function ({ rootModel, setIsAssemblyBeingEdited, setAssemblyBeingEdited, }) {
-    function removeAssembly(name) {
-        rootModel.jbrowse.removeAssemblyConf(name);
-    }
-    const { assemblies } = rootModel.jbrowse;
-    return (React.createElement(TableContainer, { component: Paper },
-        React.createElement(Table, null,
-            React.createElement(TableHead, null,
-                React.createElement(TableRow, null,
-                    React.createElement(TableCell, null, "Name"),
-                    React.createElement(TableCell, null, "Display name"),
-                    React.createElement(TableCell, null, "Aliases"),
-                    React.createElement(TableCell, null, "Actions"))),
-            React.createElement(TableBody, null, 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, null,
-                        React.createElement(IconButton, { "data-testid": `${name}-edit`, onClick: () => {
-                                setIsAssemblyBeingEdited(true);
-                                setAssemblyBeingEdited(assembly);
-                            } },
-                            React.createElement(CreateIcon, { color: "primary" })),
-                        React.createElement(IconButton, { "data-testid": `${name}-delete`, onClick: () => {
-                                removeAssembly(name);
-                            } },
-                            React.createElement(DeleteIcon, { color: "error" })))));
-            })))));
+import { Button, DialogActions, DialogContent, IconButton } from '@mui/material';
+import { DataGrid } from '@mui/x-data-grid';
+import { observer } from 'mobx-react';
+const AssemblyTable = observer(function ({ onEditAssembly, onAddAssembly, onClose, session, }) {
+    return (_jsxs(_Fragment, { children: [_jsx(DialogContent, { children: _jsx("div", { style: { display: 'flex', flexDirection: 'column' }, children: _jsx(DataGrid, { rowHeight: 25, columnHeaderHeight: 35, hideFooter: session.assemblies.length < 25, rows: session.assemblies.map(assembly => ({
+                            id: readConfObject(assembly, 'name'),
+                            name: readConfObject(assembly, 'name'),
+                            displayName: readConfObject(assembly, 'displayName'),
+                            aliases: readConfObject(assembly, 'aliases'),
+                            assembly,
+                        })), columns: [
+                            { field: 'name' },
+                            { field: 'displayName' },
+                            { field: 'aliases' },
+                            {
+                                field: 'actions',
+                                renderCell: ({ row }) => {
+                                    const { assembly, name } = row;
+                                    const editable = session.sessionAssemblies.includes(assembly)
+                                        ? true
+                                        : session.adminMode;
+                                    return (_jsxs(_Fragment, { children: [_jsx(IconButton, { disabled: !editable, onClick: () => {
+                                                    onEditAssembly(assembly);
+                                                }, children: _jsx(CreateIcon, {}) }), _jsx(IconButton, { "data-testid": `${name}-delete`, disabled: !editable, onClick: () => {
+                                                    if (editable) {
+                                                        if (!session.removeAssembly) {
+                                                            session.notify('Unable to find removeAssembly function');
+                                                        }
+                                                        else {
+                                                            session.removeAssembly(name);
+                                                        }
+                                                    }
+                                                }, children: _jsx(DeleteIcon, {}) })] }));
+                                },
+                            },
+                        ] }) }) }), _jsxs(DialogActions, { children: [_jsx(Button, { color: "secondary", variant: "contained", onClick: () => {
+                            onClose();
+                        }, children: "Close" }), _jsx(Button, { variant: "contained", startIcon: _jsx(AddIcon, {}), onClick: () => {
+                            onAddAssembly();
+                        }, children: "Add new assembly" })] })] }));
 });
 export default AssemblyTable;

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

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

package/esm/HierarchicalTrackSelectorWidget/components/HierarchicalFab.js

@@ -1,10 +1,10 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { getSession, isSessionModelWithConnections, isSessionModelWithWidgets, isSessionWithAddTracks, } from '@jbrowse/core/util';
+import AddIcon from '@mui/icons-material/Add';
 import { Fab, Menu, MenuItem } from '@mui/material';
-import { makeStyles } from 'tss-react/mui';
-import { getSession, isSessionModelWithWidgets, isSessionModelWithConnections, isSessionWithAddTracks, } from '@jbrowse/core/util';
 import { observer } from 'mobx-react';
-// icons
-import AddIcon from '@mui/icons-material/Add';
+import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()(theme => ({
     fab: {
         position: 'absolute',
@@ -21,27 +21,22 @@ const HierarchicalFab = observer(function ({ model, }) {
     }
     const hasConnections = isSessionModelWithConnections(session);
     const hasAddTrack = isSessionWithAddTracks(session);
-    return 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;
+    return hasAddTrack || hasConnections ? (_jsxs(_Fragment, { children: [_jsx(Fab, { color: "secondary", className: classes.fab, onClick: event => {
+                    setAnchorEl(event.currentTarget);
+                }, children: _jsx(AddIcon, {}) }), _jsxs(Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: () => {
+                    setAnchorEl(null);
+                }, children: [hasConnections ? (_jsx(MenuItem, { onClick: () => {
+                            handleFabClose();
+                            if (isSessionModelWithWidgets(session)) {
+                                session.showWidget(session.addWidget('AddConnectionWidget', 'addConnectionWidget'));
+                            }
+                        }, children: "Add connection" })) : null, hasAddTrack ? (_jsx(MenuItem, { onClick: () => {
+                            handleFabClose();
+                            if (isSessionModelWithWidgets(session)) {
+                                session.showWidget(session.addWidget('AddTrackWidget', 'addTrackWidget', {
+                                    view: model.view.id,
+                                }));
+                            }
+                        }, children: "Add track" })) : null] })] })) : null;
 });
 export default HierarchicalFab;

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

@@ -1,5 +1,4 @@
-import React from 'react';
-import { HierarchicalTrackSelectorModel } from '../model';
+import type { HierarchicalTrackSelectorModel } from '../model';
 declare const HierarchicalTrackSelectorContainer: ({ model, toolbarHeight, overrideDimensions, }: {
     model: HierarchicalTrackSelectorModel;
     toolbarHeight: number;
@@ -7,5 +6,5 @@ declare const HierarchicalTrackSelectorContainer: ({ model, toolbarHeight, overr
         width: number;
         height: number;
     };
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default HierarchicalTrackSelectorContainer;

package/esm/HierarchicalTrackSelectorWidget/components/HierarchicalTrackSelector.js

@@ -1,26 +1,21 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
 import { observer } from 'mobx-react';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import HierarchicalFab from './HierarchicalFab';
-import HierarchicalTree from './tree/HierarchicalTree';
 import HierarchicalHeader from './tree/HierarchicalHeader';
-// Don't use autosizer in jest and instead hardcode a height, otherwise fails
-// jest tests
+import HierarchicalTree from './tree/HierarchicalTree';
 const AutoSizedHierarchicalTree = ({ tree, model, offset, }) => {
-    return typeof jest === 'undefined' ? (React.createElement(AutoSizer, { disableWidth: true }, args => (React.createElement(HierarchicalTree, { height: (args.height || offset) - offset, model: model, tree: tree })))) : (React.createElement(HierarchicalTree, { height: 9000, model: model, tree: tree }));
+    return typeof jest === 'undefined' ? (_jsx(AutoSizer, { disableWidth: true, children: args => (_jsx(HierarchicalTree, { height: (args.height || offset) - offset, model: model, tree: tree })) })) : (_jsx(HierarchicalTree, { height: 9000, model: model, tree: tree }));
 };
 const Wrapper = ({ overrideDimensions, children, }) => {
-    return overrideDimensions ? (React.createElement("div", { style: { ...overrideDimensions } }, children)) : (children);
+    return overrideDimensions ? (_jsx("div", { style: { ...overrideDimensions }, children: children })) : (children);
 };
 const HierarchicalTrackSelectorContainer = observer(function ({ model, toolbarHeight, overrideDimensions, }) {
-    return (React.createElement(Wrapper, { overrideDimensions: overrideDimensions },
-        React.createElement(HierarchicalTrackSelector, { model: model, toolbarHeight: toolbarHeight }),
-        React.createElement(HierarchicalFab, { model: model })));
+    return (_jsxs(Wrapper, { overrideDimensions: overrideDimensions, children: [_jsx(HierarchicalTrackSelector, { model: model, toolbarHeight: toolbarHeight }), _jsx(HierarchicalFab, { model: model })] }));
 });
 const HierarchicalTrackSelector = observer(function ({ model, toolbarHeight = 0, }) {
     const [headerHeight, setHeaderHeight] = useState(0);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(HierarchicalHeader, { model: model, setHeaderHeight: setHeaderHeight }),
-        React.createElement(AutoSizedHierarchicalTree, { tree: model.hierarchy, model: model, offset: toolbarHeight + headerHeight })));
+    return (_jsxs(_Fragment, { children: [_jsx(HierarchicalHeader, { model: model, setHeaderHeight: setHeaderHeight }), _jsx(AutoSizedHierarchicalTree, { tree: model.hierarchy, model: model, offset: toolbarHeight + headerHeight })] }));
 });
 export default HierarchicalTrackSelectorContainer;

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

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

package/esm/HierarchicalTrackSelectorWidget/components/ShoppingCart.js

@@ -1,22 +1,34 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
+import { getEnv, getSession } from '@jbrowse/core/util';
+import ShoppingCartIcon from '@mui/icons-material/ShoppingCart';
 import { Badge } from '@mui/material';
 import { observer } from 'mobx-react';
-import { getSession, getEnv } from '@jbrowse/core/util';
-// icons
-import ShoppingCartIcon from '@mui/icons-material/ShoppingCart';
-import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
 const ShoppingCart = observer(function ({ model, }) {
+    const session = getSession(model);
     const { selection } = model;
     const { pluginManager } = getEnv(model);
-    const session = getSession(model);
+    const { adminMode, sessionTracks } = session;
+    const s = new Set(sessionTracks === null || sessionTracks === void 0 ? void 0 : sessionTracks.map(t => t.trackId));
+    const canEdit = (t) => adminMode || s.has(t);
     const items = pluginManager.evaluateExtensionPoint('TrackSelector-multiTrackMenuItems', [], { session });
-    return selection.length ? (React.createElement(CascadingMenuButton, { menuItems: [
+    return selection.length ? (_jsx(CascadingMenuButton, { menuItems: [
             {
-                label: 'Clear',
+                label: 'Clear selection',
                 onClick: () => {
                     model.clearSelection();
                 },
             },
+            ...(selection.every(elt => canEdit(elt.trackId))
+                ? [
+                    {
+                        label: 'Delete tracks',
+                        onClick: () => {
+                            selection.forEach(s => { var _a; return (_a = session.deleteTrackConf) === null || _a === void 0 ? void 0 : _a.call(session, s); });
+                        },
+                    },
+                ]
+                : []),
             ...items.map(item => ({
                 ...item,
                 ...('onClick' in item
@@ -27,8 +39,6 @@ const ShoppingCart = observer(function ({ model, }) {
                     }
                     : {}),
             })),
-        ] },
-        React.createElement(Badge, { badgeContent: selection.length, color: "primary" },
-            React.createElement(ShoppingCartIcon, null)))) : null;
+        ], children: _jsx(Badge, { badgeContent: selection.length, color: "primary", children: _jsx(ShoppingCartIcon, {}) }) })) : null;
 });
 export default ShoppingCart;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 declare const CloseConnectionDialog: ({ modalInfo, onClose, }: {
     modalInfo?: {
         name?: string;
@@ -6,5 +5,5 @@ declare const CloseConnectionDialog: ({ modalInfo, onClose, }: {
         safelyBreakConnection?: () => void;
     };
     onClose: () => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default CloseConnectionDialog;

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

@@ -1,22 +1,14 @@
-import React from 'react';
-import { DialogContent, DialogContentText, Button, List, ListItem, DialogActions, } from '@mui/material';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog } from '@jbrowse/core/ui';
+import { Button, DialogActions, DialogContent, DialogContentText, List, ListItem, } from '@mui/material';
 import { observer } from 'mobx-react';
 const CloseConnectionDialog = observer(function CloseConnectionDialog({ modalInfo = {}, onClose, }) {
     const { name, dereferenceTypeCount, safelyBreakConnection } = modalInfo;
-    return (React.createElement(Dialog, { open: true, maxWidth: "lg", title: `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: () => {
-                    onClose();
-                }, color: "primary" }, "Cancel"),
-            React.createElement(Button, { variant: "contained", onClick: () => {
-                    safelyBreakConnection === null || safelyBreakConnection === void 0 ? void 0 : safelyBreakConnection();
-                    onClose();
-                }, color: "primary" }, "OK"))));
+    return (_jsxs(Dialog, { open: true, maxWidth: "lg", title: `Close connection "${name}"`, onClose: onClose, children: [_jsxs(DialogContent, { children: [dereferenceTypeCount ? (_jsxs(_Fragment, { children: [_jsx(DialogContentText, { children: "Closing this connection will close:" }), _jsx(List, { children: Object.entries(dereferenceTypeCount).map(([key, value]) => (_jsx(ListItem, { children: `${value} ${key}` }, key))) })] })) : null, _jsx(DialogContentText, { children: "Are you sure you want to close this connection?" })] }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: () => {
+                            onClose();
+                        }, color: "primary", children: "Cancel" }), _jsx(Button, { variant: "contained", onClick: () => {
+                            safelyBreakConnection === null || safelyBreakConnection === void 0 ? void 0 : safelyBreakConnection();
+                            onClose();
+                        }, color: "primary", children: "OK" })] })] }));
 });
 export default CloseConnectionDialog;

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

@@ -1,6 +1,5 @@
-import React from 'react';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { AbstractSessionModel } from '@jbrowse/core/util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AbstractSessionModel } from '@jbrowse/core/util';
 declare const DeleteConnectionDialog: ({ deleteDialogDetails, session, handleClose, }: {
     deleteDialogDetails: {
         name: string;
@@ -8,5 +7,5 @@ declare const DeleteConnectionDialog: ({ deleteDialogDetails, session, handleClo
     };
     session: AbstractSessionModel;
     handleClose: () => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default DeleteConnectionDialog;

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

@@ -1,20 +1,15 @@
-import React from 'react';
-import { DialogContent, DialogContentText, DialogActions, Button, } from '@mui/material';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog } from '@jbrowse/core/ui';
+import { Button, DialogActions, DialogContent, DialogContentText, } from '@mui/material';
 import { observer } from 'mobx-react';
 const DeleteConnectionDialog = observer(function DeleteConnectionDialog({ deleteDialogDetails, session, handleClose, }) {
     const { connectionConf, name } = deleteDialogDetails;
-    return (React.createElement(Dialog, { open: true, title: `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;
-                    (_a = session.deleteConnection) === null || _a === void 0 ? void 0 : _a.call(session, connectionConf);
-                    handleClose();
-                } }, "OK"))));
+    return (_jsxs(Dialog, { open: true, title: `Delete connection "${name}"`, onClose: handleClose, children: [_jsx(DialogContent, { children: _jsx(DialogContentText, { children: "Are you sure you want to delete this connection?" }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: () => {
+                            handleClose();
+                        }, color: "primary", children: "Cancel" }), _jsx(Button, { variant: "contained", color: "primary", onClick: () => {
+                            var _a;
+                            (_a = session.deleteConnection) === null || _a === void 0 ? void 0 : _a.call(session, connectionConf);
+                            handleClose();
+                        }, children: "OK" })] })] }));
 });
 export default DeleteConnectionDialog;

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

@@ -1,9 +1,8 @@
-import React from 'react';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { AbstractSessionModel } from '@jbrowse/core/util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AbstractSessionModel } from '@jbrowse/core/util';
 declare const ManageConnectionsDialog: ({ session, handleClose, breakConnection, }: {
     handleClose: () => void;
     session: AbstractSessionModel;
     breakConnection: (conf: AnyConfigurationModel, arg: boolean) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ManageConnectionsDialog;

package/esm/HierarchicalTrackSelectorWidget/components/dialogs/ManageConnectionsDialog.js

@@ -1,11 +1,10 @@
-import React from 'react';
-import { Button, DialogContent, DialogActions, IconButton, Tooltip, Typography, } from '@mui/material';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { readConfObject } from '@jbrowse/core/configuration';
 import { Dialog } from '@jbrowse/core/ui';
-import { makeStyles } from 'tss-react/mui';
-import { observer } from 'mobx-react';
-import { readConfObject, } from '@jbrowse/core/configuration';
-// icons
 import CloseIcon from '@mui/icons-material/Close';
+import { Button, DialogActions, DialogContent, IconButton, Tooltip, Typography, } from '@mui/material';
+import { observer } from 'mobx-react';
+import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()(theme => ({
     connectionContainer: {
         margin: theme.spacing(4),
@@ -13,30 +12,18 @@ const useStyles = makeStyles()(theme => ({
     },
 }));
 function DisabledButton() {
-    return (React.createElement(Tooltip, { title: "Unable to delete connection in config file as non-admin user" },
-        React.createElement(IconButton, null,
-            React.createElement(CloseIcon, { color: "disabled" }))));
+    return (_jsx(Tooltip, { title: "Unable to delete connection in config file as non-admin user", children: _jsx(IconButton, { children: _jsx(CloseIcon, { color: "disabled" }) }) }));
 }
 const ManageConnectionsDialog = observer(function ({ session, handleClose, breakConnection, }) {
     const { classes } = useStyles();
     const { adminMode, connections, sessionConnections } = session;
-    return (React.createElement(Dialog, { open: true, onClose: handleClose, maxWidth: "lg", title: "Delete connections" },
-        React.createElement(DialogContent, null,
-            React.createElement(Typography, null, "Click the X icon to delete the connection from your config completely"),
-            React.createElement("div", { className: classes.connectionContainer },
-                connections.map(conf => {
-                    const name = readConfObject(conf, 'name');
-                    return (React.createElement(Typography, { key: `conn-${name}` },
-                        adminMode || (sessionConnections === null || sessionConnections === void 0 ? void 0 : sessionConnections.includes(conf)) ? (React.createElement(IconButton, { onClick: () => {
-                                breakConnection(conf, true);
-                            } },
-                            React.createElement(CloseIcon, { color: "error" }))) : (React.createElement(DisabledButton, null)),
-                        name));
-                }),
-                !connections.length ? (React.createElement(Typography, null, "No connections found")) : null)),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { onClick: () => {
-                    handleClose();
-                }, variant: "contained", color: "primary" }, "Close"))));
+    return (_jsxs(Dialog, { open: true, onClose: handleClose, maxWidth: "lg", title: "Delete connections", children: [_jsxs(DialogContent, { children: [_jsx(Typography, { children: "Click the X icon to delete the connection from your config completely" }), _jsxs("div", { className: classes.connectionContainer, children: [connections.map(conf => {
+                                const name = readConfObject(conf, 'name');
+                                return (_jsxs(Typography, { children: [adminMode || (sessionConnections === null || sessionConnections === void 0 ? void 0 : sessionConnections.includes(conf)) ? (_jsx(IconButton, { onClick: () => {
+                                                breakConnection(conf, true);
+                                            }, children: _jsx(CloseIcon, { color: "error" }) })) : (_jsx(DisabledButton, {})), name] }, `conn-${name}`));
+                            }), !connections.length ? (_jsx(Typography, { children: "No connections found" })) : null] })] }), _jsx(DialogActions, { children: _jsx(Button, { onClick: () => {
+                        handleClose();
+                    }, variant: "contained", color: "primary", children: "Close" }) })] }));
 });
 export default ManageConnectionsDialog;

package/esm/HierarchicalTrackSelectorWidget/components/dialogs/ToggleConnectionsDialog.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { AbstractSessionModel } from '@jbrowse/core/util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AbstractSessionModel } from '@jbrowse/core/util';
 declare const ToggleConnectionDialog: ({ session, handleClose, breakConnection, }: {
     handleClose: () => void;
     session: AbstractSessionModel;
     breakConnection: (arg: AnyConfigurationModel) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ToggleConnectionDialog;