@jbrowse/plugin-data-management 2.18.0 → 3.0.0

package/esm/AssemblyManager/AssemblyTable.js

@@ -1,4 +1,4 @@
-import React from 'react';
+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';
@@ -7,53 +7,41 @@ 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 (React.createElement(React.Fragment, null,
-        React.createElement(DialogContent, null,
-            React.createElement("div", { style: { display: 'flex', flexDirection: 'column' } },
-                React.createElement(DataGrid, { rowHeight: 25, columnHeaderHeight: 35, hideFooter: session.assemblies.length < 25, rows: session.assemblies.map(assembly => {
-                        return {
+    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 (React.createElement(React.Fragment, null,
-                                    React.createElement(IconButton, { onClick: () => {
-                                            onEditAssembly(assembly);
-                                        } },
-                                        React.createElement(CreateIcon, null)),
-                                    React.createElement(IconButton, { "data-testid": `${name}-delete`, disabled: !editable, onClick: () => {
-                                            if (editable) {
-                                                if (!session.removeAssembly) {
-                                                    session.notify('Unable to find removeAssembly function');
-                                                }
-                                                else {
-                                                    session.removeAssembly(name);
-                                                }
-                                            }
-                                        } },
-                                        React.createElement(DeleteIcon, null))));
+                        })), 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, {}) })] }));
+                                },
                             },
-                        },
-                    ] }))),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { color: "secondary", variant: "contained", onClick: () => {
-                    onClose();
-                } }, "Close"),
-            React.createElement(Button, { variant: "contained", startIcon: React.createElement(AddIcon, null), onClick: () => {
-                    onAddAssembly();
-                } }, "Add new assembly"))));
+                        ] }) }) }), _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 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,4 +1,5 @@
-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';
@@ -20,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,4 +1,3 @@
-import React from 'react';
 import type { HierarchicalTrackSelectorModel } from '../model';
 declare const HierarchicalTrackSelectorContainer: ({ model, toolbarHeight, overrideDimensions, }: {
     model: HierarchicalTrackSelectorModel;
@@ -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,24 +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 HierarchicalHeader from './tree/HierarchicalHeader';
 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 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,21 +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';
 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
@@ -26,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 { 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}"`, onClose: onClose },
-        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,4 +1,3 @@
-import React from 'react';
 import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 import type { AbstractSessionModel } from '@jbrowse/core/util';
 declare const DeleteConnectionDialog: ({ deleteDialogDetails, session, handleClose, }: {
@@ -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 { 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}"`, onClose: handleClose },
-        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 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,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { readConfObject } from '@jbrowse/core/configuration';
 import { Dialog } from '@jbrowse/core/ui';
 import CloseIcon from '@mui/icons-material/Close';
@@ -12,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 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;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { readConfObject } from '@jbrowse/core/configuration';
 import { Dialog } from '@jbrowse/core/ui';
 import { Button, Checkbox, DialogActions, DialogContent, FormControlLabel, Typography, } from '@mui/material';
@@ -18,7 +18,7 @@ const ConnectionRow = observer(function ConnectionRow({ conf, session, breakConn
     const name = readConfObject(conf, 'name');
     const assemblyNames = readConfObject(conf, 'assemblyNames');
     const found = instances.find(conn => name === conn.name);
-    return (React.createElement(FormControlLabel, { key: conf.connectionId, control: React.createElement(Checkbox, { checked: !!found, onChange: () => {
+    return (_jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: !!found, onChange: () => {
                 var _a;
                 if (found) {
                     breakConnection(conf);
@@ -31,21 +31,15 @@ const ConnectionRow = observer(function ConnectionRow({ conf, session, breakConn
             assemblyNames.length ? `(${ellipses(assemblyNames.join(','))})` : '',
         ]
             .filter(f => !!f)
-            .join(' ') }));
+            .join(' ') }, conf.connectionId));
 });
 const ConnectionList = observer(function ConnectionsList({ session, breakConnection, }) {
     const { classes } = useStyles();
-    return (React.createElement("div", { className: classes.connectionContainer }, !session.connections.length ? (React.createElement(Typography, null, "No connections found")) : (session.connections.map((conf, idx) => (React.createElement("div", { key: `${conf.name}_${idx}` },
-        React.createElement(ConnectionRow, { conf: conf, session: session, breakConnection: breakConnection })))))));
+    return (_jsx("div", { className: classes.connectionContainer, children: !session.connections.length ? (_jsx(Typography, { children: "No connections found" })) : (session.connections.map((conf, idx) => (_jsx("div", { children: _jsx(ConnectionRow, { conf: conf, session: session, breakConnection: breakConnection }) }, `${conf.name}_${idx}`)))) }));
 });
 const ToggleConnectionDialog = observer(function ({ session, handleClose, breakConnection, }) {
-    return (React.createElement(Dialog, { open: true, onClose: handleClose, maxWidth: "lg", title: "Turn on/off connections" },
-        React.createElement(DialogContent, null,
-            React.createElement(Typography, null, "Use the checkbox to turn on/off connections"),
-            React.createElement(ConnectionList, { session: session, breakConnection: breakConnection })),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { onClick: () => {
-                    handleClose();
-                }, variant: "contained", color: "primary" }, "Close"))));
+    return (_jsxs(Dialog, { open: true, onClose: handleClose, maxWidth: "lg", title: "Turn on/off connections", children: [_jsxs(DialogContent, { children: [_jsx(Typography, { children: "Use the checkbox to turn on/off connections" }), _jsx(ConnectionList, { session: session, breakConnection: breakConnection })] }), _jsx(DialogActions, { children: _jsx(Button, { onClick: () => {
+                        handleClose();
+                    }, variant: "contained", color: "primary", children: "Close" }) })] }));
 });
 export default ToggleConnectionDialog;

package/esm/HierarchicalTrackSelectorWidget/components/faceted/FacetFilter.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { HierarchicalTrackSelectorModel } from '../../model';
 declare const FacetFilter: ({ column, vals, model, }: {
     column: {
@@ -6,5 +5,5 @@ declare const FacetFilter: ({ column, vals, model, }: {
     };
     vals: [string, number][];
     model: HierarchicalTrackSelectorModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default FacetFilter;

package/esm/HierarchicalTrackSelectorWidget/components/faceted/FacetFilter.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { coarseStripHTML } from '@jbrowse/core/util';
 import AddIcon from '@mui/icons-material/Add';
 import ClearIcon from '@mui/icons-material/Clear';
@@ -16,17 +17,14 @@ const useStyles = makeStyles()(theme => ({
     },
 }));
 function ClearButton({ onClick }) {
-    return (React.createElement(Tooltip, { title: "Clear selection on this facet filter" },
-        React.createElement(IconButton, { onClick: () => {
+    return (_jsx(Tooltip, { title: "Clear selection on this facet filter", children: _jsx(IconButton, { onClick: () => {
                 onClick();
-            }, size: "small" },
-            React.createElement(ClearIcon, null))));
+            }, size: "small", children: _jsx(ClearIcon, {}) }) }));
 }
 function ExpandButton({ visible, onClick, }) {
-    return (React.createElement(Tooltip, { title: "Minimize/expand this facet filter" },
-        React.createElement(IconButton, { onClick: () => {
+    return (_jsx(Tooltip, { title: "Minimize/expand this facet filter", children: _jsx(IconButton, { onClick: () => {
                 onClick();
-            }, size: "small" }, visible ? React.createElement(MinimizeIcon, null) : React.createElement(AddIcon, null))));
+            }, size: "small", children: visible ? _jsx(MinimizeIcon, {}) : _jsx(AddIcon, {}) }) }));
 }
 const FacetFilter = observer(function ({ column, vals, model, }) {
     const { classes } = useStyles();
@@ -34,25 +32,16 @@ const FacetFilter = observer(function ({ column, vals, model, }) {
     const { faceted } = model;
     const { filters } = faceted;
     const { field } = column;
-    return (React.createElement(FormControl, { className: classes.facet, fullWidth: true },
-        React.createElement("div", null,
-            React.createElement(Typography, { component: "span" }, field),
-            React.createElement(ClearButton, { onClick: () => {
-                    faceted.setFilter(field, []);
-                } }),
-            React.createElement(ExpandButton, { visible: visible, onClick: () => {
-                    setVisible(!visible);
-                } })),
-        visible ? (React.createElement(Select, { multiple: true, native: true, className: classes.select, value: filters.get(column.field) || [], onChange: event => {
-                faceted.setFilter(column.field, [...event.target.options]
-                    .filter(opt => opt.selected)
-                    .map(opt => opt.value));
-            } }, vals
-            .sort((a, b) => a[0].localeCompare(b[0]))
-            .map(([name, count]) => (React.createElement("option", { key: name, value: name },
-            coarseStripHTML(name),
-            " (",
-            count,
-            ")"))))) : null));
+    return (_jsxs(FormControl, { className: classes.facet, fullWidth: true, children: [_jsxs("div", { children: [_jsx(Typography, { component: "span", children: field }), _jsx(ClearButton, { onClick: () => {
+                            faceted.setFilter(field, []);
+                        } }), _jsx(ExpandButton, { visible: visible, onClick: () => {
+                            setVisible(!visible);
+                        } })] }), visible ? (_jsx(Select, { multiple: true, native: true, className: classes.select, value: filters.get(column.field) || [], onChange: event => {
+                    faceted.setFilter(column.field, [...event.target.options]
+                        .filter(opt => opt.selected)
+                        .map(opt => opt.value));
+                }, children: vals
+                    .sort((a, b) => a[0].localeCompare(b[0]))
+                    .map(([name, count]) => (_jsxs("option", { value: name, children: [coarseStripHTML(name), " (", count, ")"] }, name))) })) : null] }));
 });
 export default FacetFilter;

package/esm/HierarchicalTrackSelectorWidget/components/faceted/FacetFilters.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { Row } from './util';
 import type { HierarchicalTrackSelectorModel } from '../../model';
 declare const FacetFilters: ({ rows, columns, model, }: {
@@ -7,5 +6,5 @@ declare const FacetFilters: ({ rows, columns, model, }: {
         field: string;
     }[];
     model: HierarchicalTrackSelectorModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default FacetFilters;