@jbrowse/plugin-data-management 2.5.0 → 2.6.2

package/dist/AddConnectionWidget/components/AddConnectionWidget.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const _default: ({ model, }: {
     model: unknown;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/dist/AddConnectionWidget/components/AddConnectionWidget.js

@@ -84,4 +84,3 @@ exports.default = (0, mobx_react_1.observer)(function AddConnectionWidget({ mode
                             }
                         }, className: classes.button, "data-testid": "addConnectionNext" }, activeStep === steps.length - 1 ? 'Connect' : 'Next')))))))));
 });
-//# sourceMappingURL=AddConnectionWidget.js.map

package/dist/AddConnectionWidget/components/ConfigureConnection.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ConnectionType } from '@jbrowse/core/pluggableElementTypes';
 import { AnyConfigurationModel } from '@jbrowse/core/configuration';
 import { AbstractSessionModel } from '@jbrowse/core/util';
@@ -5,5 +6,5 @@ declare const _default: ({ connectionType, model, session, }: {
     connectionType: ConnectionType;
     model: AnyConfigurationModel;
     session: AbstractSessionModel;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/dist/AddConnectionWidget/components/ConfigureConnection.js

@@ -32,4 +32,3 @@ exports.default = (0, mobx_react_1.observer)(function ({ connectionType, model,
     return (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(ui_1.LoadingEllipses, null) },
         react_1.default.createElement(ConfigEditorComponent, { model: { target: model }, session: session })));
 });
-//# sourceMappingURL=ConfigureConnection.js.map

package/dist/AddConnectionWidget/components/ConnectionTypeSelect.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { ConnectionType } from '@jbrowse/core/pluggableElementTypes';
 declare const _default: ({ connectionTypeChoices, connectionType, setConnectionType, }: {
     connectionTypeChoices: ConnectionType[];
     connectionType?: ConnectionType | undefined;
     setConnectionType: (c?: ConnectionType) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/dist/AddConnectionWidget/components/ConnectionTypeSelect.js

@@ -42,4 +42,3 @@ exports.default = (0, mobx_react_1.observer)(function ConnectionTypeSelect({ con
             connectionType.url ? (react_1.default.createElement(material_1.IconButton, { href: connectionType.url, rel: "noopener noreferrer", target: "_blank" },
                 react_1.default.createElement(OpenInNew_1.default, null))) : null)) : null, select: true, fullWidth: true, onChange: event => setConnectionType(connectionTypeChoices.find(c => c.name === event.target.value)), variant: "outlined" }, connectionTypeChoices.map(c => (react_1.default.createElement(material_1.MenuItem, { key: c.name, value: c.name }, c.displayName || c.name))))) : null));
 });
-//# sourceMappingURL=ConnectionTypeSelect.js.map

package/dist/AddConnectionWidget/index.js

@@ -42,4 +42,3 @@ exports.default = (pluginManager) => {
         });
     });
 };
-//# sourceMappingURL=index.js.map

package/dist/AddConnectionWidget/model.js

@@ -6,4 +6,3 @@ exports.default = mobx_state_tree_1.types.model('AddConnectionModel', {
     id: mst_1.ElementId,
     type: mobx_state_tree_1.types.literal('AddConnectionWidget'),
 });
-//# sourceMappingURL=model.js.map

package/dist/AddTrackWidget/components/AddTrackWidget.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { AddTrackModel } from '../model';
 declare function AddTrackSelector({ model }: {
     model: AddTrackModel;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: typeof AddTrackSelector;
 export default _default;

package/dist/AddTrackWidget/components/AddTrackWidget.js

@@ -52,4 +52,3 @@ function AddTrackSelector({ model }) {
         react_1.default.createElement(Component, { model: model })));
 }
 exports.default = (0, mobx_react_1.observer)(AddTrackSelector);
-//# sourceMappingURL=AddTrackWidget.js.map

package/dist/AddTrackWidget/components/ConfirmTrack.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { AddTrackModel } from '../model';
 declare const _default: ({ model, }: {
     model: AddTrackModel;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/dist/AddTrackWidget/components/ConfirmTrack.js

@@ -123,4 +123,3 @@ exports.default = (0, mobx_react_1.observer)(function ConfirmTrack({ model, }) {
                     } }) }))),
         util_1.isElectron && check && supportedForIndexing ? (react_1.default.createElement(TextIndexingConfig_1.default, { model: model })) : null));
 });
-//# sourceMappingURL=ConfirmTrack.js.map

package/dist/AddTrackWidget/components/DefaultAddTrackWorkflow.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { AddTrackModel } from '../model';
 declare function AddTrackWorkflow({ model }: {
     model: AddTrackModel;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: typeof AddTrackWorkflow;
 export default _default;

package/dist/AddTrackWidget/components/DefaultAddTrackWorkflow.js

@@ -79,7 +79,7 @@ function AddTrackWorkflow({ model }) {
             return;
         }
         const trackId = [
-            `${trackName.toLowerCase().replace(/ /g, '_')}-${Date.now()}`,
+            `${trackName.toLowerCase().replaceAll(' ', '_')}-${Date.now()}`,
             `${session.adminMode ? '' : '-sessionTrack'}`,
         ].join('');
         const assemblyInstance = session.assemblyManager.get(assembly);
@@ -155,4 +155,3 @@ function AddTrackWorkflow({ model }) {
                     react_1.default.createElement(material_1.Alert, { severity: "error" }, trackErrorMessage))) : null)))))));
 }
 exports.default = (0, mobx_react_1.observer)(AddTrackWorkflow);
-//# sourceMappingURL=DefaultAddTrackWorkflow.js.map

package/dist/AddTrackWidget/components/PasteConfigWorkflow.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { AddTrackModel } from '../model';
 declare function AddTrackWorkflow({ model }: {
     model: AddTrackModel;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: typeof AddTrackWorkflow;
 export default _default;

package/dist/AddTrackWidget/components/PasteConfigWorkflow.js

@@ -58,9 +58,9 @@ function AddTrackWorkflow({ model }) {
                     session.hideWidget(model);
                 }
                 catch (e) {
+                    console.error(e);
                     setError(e);
                 }
             } }, "Submit")));
 }
 exports.default = (0, mobx_react_1.observer)(AddTrackWorkflow);
-//# sourceMappingURL=PasteConfigWorkflow.js.map

package/dist/AddTrackWidget/components/TextIndexingConfig.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { AddTrackModel } from '../model';
 declare const TextIndexingConfig: ({ model, }: {
     model: AddTrackModel;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default TextIndexingConfig;

package/dist/AddTrackWidget/components/TextIndexingConfig.js

@@ -100,4 +100,3 @@ const TextIndexingConfig = (0, mobx_react_1.observer)(function ({ model, }) {
                             } })))))))));
 });
 exports.default = TextIndexingConfig;
-//# sourceMappingURL=TextIndexingConfig.js.map

package/dist/AddTrackWidget/components/TrackAdapterSelector.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { AddTrackModel } from '../model';
 declare const TrackAdapterSelector: ({ model }: {
     model: AddTrackModel;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default TrackAdapterSelector;

package/dist/AddTrackWidget/components/TrackAdapterSelector.js

@@ -47,4 +47,3 @@ const TrackAdapterSelector = (0, mobx_react_1.observer)(({ model }) => {
     })));
 });
 exports.default = TrackAdapterSelector;
-//# sourceMappingURL=TrackAdapterSelector.js.map

package/dist/AddTrackWidget/components/TrackSourceSelect.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { AddTrackModel } from '../model';
 declare function TrackSourceSelect({ model }: {
     model: AddTrackModel;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: typeof TrackSourceSelect;
 export default _default;

package/dist/AddTrackWidget/components/TrackSourceSelect.js

@@ -26,4 +26,3 @@ function TrackSourceSelect({ model }) {
         react_1.default.createElement(ui_1.FileSelector, { name: "Index file", description: "(Optional) The URL of the index file is automatically inferred from the URL of the main file if it is not supplied.", location: model.indexTrackData, setLocation: model.setIndexTrackData, setName: model.setTrackName, rootModel: rootModel })));
 }
 exports.default = (0, mobx_react_1.observer)(TrackSourceSelect);
-//# sourceMappingURL=TrackSourceSelect.js.map

package/dist/AddTrackWidget/components/TrackTypeSelector.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { AddTrackModel } from '../model';
 declare const TrackTypeSelector: ({ model }: {
     model: AddTrackModel;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default TrackTypeSelector;

package/dist/AddTrackWidget/components/TrackTypeSelector.js

@@ -24,4 +24,3 @@ const TrackTypeSelector = (0, mobx_react_1.observer)(({ model }) => {
         } }, trackTypes.map(({ name, displayName }) => (react_1.default.createElement(material_1.MenuItem, { key: name, value: name }, displayName)))));
 });
 exports.default = TrackTypeSelector;
-//# sourceMappingURL=TrackTypeSelector.js.map

package/dist/AddTrackWidget/index.js

@@ -42,4 +42,3 @@ exports.default = (pluginManager) => {
         });
     });
 };
-//# sourceMappingURL=index.js.map

package/dist/AddTrackWidget/model.js

@@ -154,4 +154,3 @@ function f(pluginManager) {
     }));
 }
 exports.default = f;
-//# sourceMappingURL=model.js.map

package/dist/AssemblyManager/AssemblyAddForm.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 declare const AssemblyAddForm: ({ rootModel, setFormOpen, }: {
     rootModel: any;
     setFormOpen: Function;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default AssemblyAddForm;

package/dist/AssemblyManager/AssemblyAddForm.js

@@ -130,4 +130,3 @@ const AssemblyAddForm = (0, mobx_react_1.observer)(function ({ rootModel, setFor
         react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", startIcon: react_1.default.createElement(Add_1.default, null), onClick: createAssembly }, "Create new assembly")));
 });
 exports.default = AssemblyAddForm;
-//# sourceMappingURL=AssemblyAddForm.js.map

package/dist/AssemblyManager/AssemblyEditor.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const AssemblyEditor: ({ assembly, }: {
     assembly: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default AssemblyEditor;

package/dist/AssemblyManager/AssemblyEditor.js

@@ -11,4 +11,3 @@ const AssemblyEditor = (0, mobx_react_1.observer)(({ assembly, }) => {
         react_1.default.createElement(plugin_config_1.ConfigurationEditor, { model: { target: assembly } })));
 });
 exports.default = AssemblyEditor;
-//# sourceMappingURL=AssemblyEditor.js.map

package/dist/AssemblyManager/AssemblyManager.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 declare const AssemblyManager: ({ rootModel, onClose, }: {
     rootModel: any;
     onClose: (arg: boolean) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default AssemblyManager;

package/dist/AssemblyManager/AssemblyManager.js

@@ -54,4 +54,3 @@ const AssemblyManager = (0, mobx_react_1.observer)(function ({ rootModel, onClos
                 react_1.default.createElement(material_1.Button, { variant: "contained", startIcon: react_1.default.createElement(Add_1.default, null), onClick: () => setFormOpen(true) }, "Add new assembly"))) : null)));
 });
 exports.default = AssemblyManager;
-//# sourceMappingURL=AssemblyManager.js.map

package/dist/AssemblyManager/AssemblyTable.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { AnyConfigurationModel } from '@jbrowse/core/configuration';
 declare const AssemblyTable: ({ rootModel, setIsAssemblyBeingEdited, setAssemblyBeingEdited, }: {
     rootModel: {
@@ -8,5 +9,5 @@ declare const AssemblyTable: ({ rootModel, setIsAssemblyBeingEdited, setAssembly
     };
     setIsAssemblyBeingEdited(arg: boolean): void;
     setAssemblyBeingEdited(arg: AnyConfigurationModel): void;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default AssemblyTable;

package/dist/AssemblyManager/AssemblyTable.js

@@ -41,4 +41,3 @@ const AssemblyTable = (0, mobx_react_1.observer)(function ({ rootModel, setIsAss
             })))));
 });
 exports.default = AssemblyTable;
-//# sourceMappingURL=AssemblyTable.js.map

package/dist/AssemblyManager/index.js

@@ -6,4 +6,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = void 0;
 var AssemblyManager_1 = require("./AssemblyManager");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AssemblyManager_1).default; } });
-//# sourceMappingURL=index.js.map

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

@@ -1,5 +1,6 @@
+import React from 'react';
 import { HierarchicalTrackSelectorModel } from '../model';
 declare const _default: ({ model, }: {
     model: HierarchicalTrackSelectorModel;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/dist/HierarchicalTrackSelectorWidget/components/HierarchicalFab.js

@@ -68,4 +68,3 @@ exports.default = (0, mobx_react_1.observer)(function HierarchicalFab({ model, }
                     }
                 } }, "Add track")) : null))) : null));
 });
-//# sourceMappingURL=HierarchicalFab.js.map

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

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

package/dist/HierarchicalTrackSelectorWidget/components/HierarchicalTrackSelector.js

@@ -35,9 +35,7 @@ const HierarchicalHeader_1 = __importDefault(require("./tree/HierarchicalHeader"
 // 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_1.default.createElement(react_virtualized_auto_sizer_1.default, { disableWidth: true }, ({ height }) => {
-        return (react_1.default.createElement(HierarchicalTree_1.default, { height: (height || offset) - offset, model: model, tree: tree }));
-    })) : (react_1.default.createElement(HierarchicalTree_1.default, { height: 9000, model: model, tree: tree }));
+    return typeof jest === 'undefined' ? (react_1.default.createElement(react_virtualized_auto_sizer_1.default, { disableWidth: true }, args => (react_1.default.createElement(HierarchicalTree_1.default, { height: (args.height || offset) - offset, model: model, tree: tree })))) : (react_1.default.createElement(HierarchicalTree_1.default, { height: 9000, model: model, tree: tree }));
 };
 const Wrapper = ({ overrideDimensions, children, }) => {
     return overrideDimensions ? (react_1.default.createElement("div", { style: { ...overrideDimensions } }, children)) : (react_1.default.createElement(react_1.default.Fragment, null, children));
@@ -48,13 +46,9 @@ const HierarchicalTrackSelectorContainer = (0, mobx_react_1.observer)(function (
         react_1.default.createElement(HierarchicalFab_1.default, { model: model })));
 });
 const HierarchicalTrackSelector = (0, mobx_react_1.observer)(function ({ model, toolbarHeight = 0, }) {
-    const [assemblyIdx, setAssemblyIdx] = (0, react_1.useState)(0);
     const [headerHeight, setHeaderHeight] = (0, react_1.useState)(0);
-    const { assemblyNames } = model;
-    const assemblyName = assemblyNames[assemblyIdx];
-    return assemblyName ? (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(HierarchicalHeader_1.default, { model: model, setHeaderHeight: setHeaderHeight, setAssemblyIdx: setAssemblyIdx }),
-        react_1.default.createElement(AutoSizedHierarchicalTree, { tree: model.hierarchy(assemblyName), model: model, offset: toolbarHeight + headerHeight }))) : null;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(HierarchicalHeader_1.default, { model: model, setHeaderHeight: setHeaderHeight }),
+        react_1.default.createElement(AutoSizedHierarchicalTree, { tree: model.hierarchy, model: model, offset: toolbarHeight + headerHeight })));
 });
 exports.default = HierarchicalTrackSelectorContainer;
-//# sourceMappingURL=HierarchicalTrackSelector.js.map

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

@@ -1,5 +1,6 @@
+import React from 'react';
 import { HierarchicalTrackSelectorModel } from '../model';
 declare const _default: ({ model, }: {
     model: HierarchicalTrackSelectorModel;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/dist/HierarchicalTrackSelectorWidget/components/ShoppingCart.js

@@ -67,4 +67,3 @@ exports.default = (0, mobx_react_1.observer)(function ShoppingCart({ model, }) {
                 })),
             ] })));
 });
-//# sourceMappingURL=ShoppingCart.js.map

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

@@ -1,12 +1,12 @@
-declare function CloseConnectionDialog({ modalInfo, setModalInfo, }: {
+import React from 'react';
+declare const _default: ({ modalInfo, onClose, }: {
     modalInfo?: {
-        name?: string;
+        name?: string | undefined;
         dereferenceTypeCount?: {
             [key: string]: number;
-        };
-        safelyBreakConnection?: Function;
-    };
-    setModalInfo: Function;
-}): JSX.Element;
-declare const _default: typeof CloseConnectionDialog;
+        } | undefined;
+        safelyBreakConnection?: (() => void) | undefined;
+    } | undefined;
+    onClose: () => void;
+}) => React.JSX.Element;
 export default _default;

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

@@ -5,27 +5,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
+const ui_1 = require("@jbrowse/core/ui");
 const mobx_react_1 = require("mobx-react");
-function CloseConnectionDialog({ modalInfo = {}, setModalInfo, }) {
+exports.default = (0, mobx_react_1.observer)(function CloseConnectionDialog({ modalInfo = {}, onClose, }) {
     const { name, dereferenceTypeCount, safelyBreakConnection } = modalInfo;
-    return (react_1.default.createElement(material_1.Dialog, { open: true },
-        react_1.default.createElement(material_1.DialogTitle, null,
-            "Close connection \"",
-            name,
-            "\""),
+    return (react_1.default.createElement(ui_1.Dialog, { open: true, maxWidth: "lg", title: `Close connection "${name}"` },
         react_1.default.createElement(material_1.DialogContent, null,
             dereferenceTypeCount ? (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(material_1.DialogContentText, null, "Closing this connection will close:"),
                 react_1.default.createElement(material_1.List, null, Object.entries(dereferenceTypeCount).map(([key, value]) => (react_1.default.createElement(material_1.ListItem, { key: key }, `${value} ${key}`)))))) : null,
             react_1.default.createElement(material_1.DialogContentText, null, "Are you sure you want to close this connection?")),
         react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { onClick: () => setModalInfo(), color: "primary" }, "Cancel"),
+            react_1.default.createElement(material_1.Button, { onClick: () => onClose(), color: "primary" }, "Cancel"),
             react_1.default.createElement(material_1.Button, { variant: "contained", onClick: modalInfo
                     ? () => {
                         safelyBreakConnection === null || safelyBreakConnection === void 0 ? void 0 : safelyBreakConnection();
-                        setModalInfo();
+                        onClose();
                     }
                     : () => { }, color: "primary" }, "OK"))));
-}
-exports.default = (0, mobx_react_1.observer)(CloseConnectionDialog);
-//# sourceMappingURL=CloseConnectionDialog.js.map
+});

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { AnyConfigurationModel } from '@jbrowse/core/configuration';
 import { AbstractSessionModel } from '@jbrowse/core/util';
 declare function DeleteConnectionDialog({ deleteDialogDetails, session, handleClose, }: {
@@ -7,6 +8,6 @@ declare function DeleteConnectionDialog({ deleteDialogDetails, session, handleCl
     };
     session: AbstractSessionModel;
     handleClose: () => void;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: typeof DeleteConnectionDialog;
 export default _default;

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

@@ -26,4 +26,3 @@ function DeleteConnectionDialog({ deleteDialogDetails, session, handleClose, })
                 } }, "OK"))));
 }
 exports.default = (0, mobx_react_1.observer)(DeleteConnectionDialog);
-//# sourceMappingURL=DeleteConnectionDialog.js.map

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

@@ -1,9 +1,10 @@
+import React from '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;
+}): React.JSX.Element;
 declare const _default: typeof ManageConnectionsDlg;
 export default _default;

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

@@ -38,4 +38,3 @@ function ManageConnectionsDlg({ session, handleClose, breakConnection, }) {
             react_1.default.createElement(material_1.Button, { onClick: () => handleClose(), variant: "contained", color: "primary" }, "Close"))));
 }
 exports.default = (0, mobx_react_1.observer)(ManageConnectionsDlg);
-//# sourceMappingURL=ManageConnectionsDialog.js.map

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

@@ -1,10 +1,10 @@
+import React from 'react';
 import { AnyConfigurationModel } from '@jbrowse/core/configuration';
 import { AbstractSessionModel } from '@jbrowse/core/util';
 export declare function ellipses(slug: string): string;
-declare function ToggleConnectionDialog({ session, handleClose, breakConnection, }: {
+declare const _default: ({ session, handleClose, breakConnection, }: {
     handleClose: () => void;
     session: AbstractSessionModel;
     breakConnection: (arg: AnyConfigurationModel) => void;
-}): JSX.Element;
-declare const _default: typeof ToggleConnectionDialog;
+}) => React.JSX.Element;
 export default _default;

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

@@ -20,32 +20,36 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         margin: theme.spacing(4),
     },
 }));
-function ToggleConnectionDialog({ session, handleClose, breakConnection, }) {
+const ConnectionRow = (0, mobx_react_1.observer)(function ConnectionRow({ conf, session, breakConnection, }) {
+    const { connectionInstances: instances = [] } = session;
+    const name = (0, configuration_1.readConfObject)(conf, 'name');
+    const assemblyNames = (0, configuration_1.readConfObject)(conf, 'assemblyNames');
+    const found = instances.find(conn => name === conn.name);
+    return (react_1.default.createElement(material_1.FormControlLabel, { key: conf.connectionId, control: react_1.default.createElement(material_1.Checkbox, { checked: !!found, onChange: () => {
+                var _a;
+                if (found) {
+                    breakConnection(conf);
+                }
+                else {
+                    (_a = session.makeConnection) === null || _a === void 0 ? void 0 : _a.call(session, conf);
+                }
+            }, color: "primary" }), label: [
+            name,
+            assemblyNames.length ? `(${ellipses(assemblyNames.join(','))})` : '',
+        ]
+            .filter(f => !!f)
+            .join(' ') }));
+});
+const ConnectionList = (0, mobx_react_1.observer)(function ConnectionsList({ session, breakConnection, }) {
     const { classes } = useStyles();
-    const { connections, connectionInstances: instances = [] } = session;
+    return (react_1.default.createElement("div", { className: classes.connectionContainer }, !session.connections.length ? (react_1.default.createElement(material_1.Typography, null, "No connections found")) : (session.connections.map((conf, idx) => (react_1.default.createElement("div", { key: conf.name + '_' + idx },
+        react_1.default.createElement(ConnectionRow, { conf: conf, session: session, breakConnection: breakConnection })))))));
+});
+exports.default = (0, mobx_react_1.observer)(function ToggleConnectionDialog({ session, handleClose, breakConnection, }) {
     return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, maxWidth: "lg", title: "Turn on/off connections" },
         react_1.default.createElement(material_1.DialogContent, null,
             react_1.default.createElement(material_1.Typography, null, "Use the checkbox to turn on/off connections"),
-            react_1.default.createElement("div", { className: classes.connectionContainer },
-                connections.map(conf => {
-                    const name = (0, configuration_1.readConfObject)(conf, 'name');
-                    const assemblyNames = (0, configuration_1.readConfObject)(conf, 'assemblyNames');
-                    const found = instances.find(conn => name === conn.name);
-                    return (react_1.default.createElement(material_1.FormControlLabel, { key: conf.connectionId, control: react_1.default.createElement(material_1.Checkbox, { checked: !!found, onChange: () => {
-                                var _a;
-                                if (found) {
-                                    breakConnection(conf);
-                                }
-                                else {
-                                    (_a = session.makeConnection) === null || _a === void 0 ? void 0 : _a.call(session, conf);
-                                }
-                            }, color: "primary" }), label: `${name} ${assemblyNames.length
-                            ? '(' + ellipses(assemblyNames.join(',')) + ')'
-                            : ''}` }));
-                }),
-                !connections.length ? (react_1.default.createElement(material_1.Typography, null, "No connections found")) : null)),
+            react_1.default.createElement(ConnectionList, { session: session, breakConnection: breakConnection })),
         react_1.default.createElement(material_1.DialogActions, null,
             react_1.default.createElement(material_1.Button, { onClick: () => handleClose(), variant: "contained", color: "primary" }, "Close"))));
-}
-exports.default = (0, mobx_react_1.observer)(ToggleConnectionDialog);
-//# sourceMappingURL=ToggleConnectionsDialog.js.map
+});

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

@@ -1,3 +1,4 @@
+import React from 'react';
 export default function FacetFilters({ rows, columns, dispatch, filters, width, }: {
     rows: Record<string, unknown>[];
     filters: Record<string, string[]>;
@@ -9,4 +10,4 @@ export default function FacetFilters({ rows, columns, dispatch, filters, width,
         val: string[];
     }) => void;
     width: number;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetFilters.js

@@ -96,4 +96,3 @@ function FacetFilters({ rows, columns, dispatch, filters, width, }) {
     return (react_1.default.createElement("div", null, facets.map((column, index) => (react_1.default.createElement(FacetFilter, { key: column.field, vals: [...uniqs[index]], column: column, width: width, dispatch: dispatch, filters: filters })))));
 }
 exports.default = FacetFilters;
-//# sourceMappingURL=FacetFilters.js.map

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedDialog.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { HierarchicalTrackSelectorModel } from '../../model';
 declare function FacetedDlg(props: {
     handleClose: () => void;
     model: HierarchicalTrackSelectorModel;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: typeof FacetedDlg;
 export default _default;

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedDialog.js

@@ -15,4 +15,3 @@ function FacetedDlg(props) {
             react_1.default.createElement(FacetedSelector_1.default, { ...props }))));
 }
 exports.default = (0, mobx_react_1.observer)(FacetedDlg);
-//# sourceMappingURL=FacetedDialog.js.map

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedHeader.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { HierarchicalTrackSelectorModel } from '../../model';
 export default function FacetedHeader({ setFilterText, setUseShoppingCart, setHideSparse, setShowOptions, showOptions, hideSparse, useShoppingCart, filterText, model, }: {
     setFilterText: (arg: string) => void;
@@ -9,4 +10,4 @@ export default function FacetedHeader({ setFilterText, setUseShoppingCart, setHi
     useShoppingCart: boolean;
     hideSparse: boolean;
     model: HierarchicalTrackSelectorModel;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedHeader.js

@@ -74,4 +74,3 @@ function FacetedHeader({ setFilterText, setUseShoppingCart, setHideSparse, setSh
             ] })));
 }
 exports.default = FacetedHeader;
-//# sourceMappingURL=FacetedHeader.js.map

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedSelector.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { AnyConfigurationModel } from '@jbrowse/core/configuration';
 import { HierarchicalTrackSelectorModel } from '../../model';
 export interface InfoArgs {
@@ -7,5 +8,5 @@ export interface InfoArgs {
 }
 declare const _default: ({ model, }: {
     model: HierarchicalTrackSelectorModel;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;