@jbrowse/plugin-data-management 2.6.2 → 2.7.0

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

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

package/dist/AddConnectionWidget/components/AddConnectionWidget.js

@@ -34,6 +34,7 @@ const mobx_react_1 = require("mobx-react");
 // locals
 const ConfigureConnection_1 = __importDefault(require("./ConfigureConnection"));
 const ConnectionTypeSelect_1 = __importDefault(require("./ConnectionTypeSelect"));
+const product_core_1 = require("@jbrowse/product-core");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     root: {
         marginTop: theme.spacing(1),
@@ -50,13 +51,15 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
     },
 }));
 const steps = ['Select a Connection Type', 'Configure Connection'];
-exports.default = (0, mobx_react_1.observer)(function AddConnectionWidget({ model, }) {
+const AddConnectionWidget = (0, mobx_react_1.observer)(function ({ model }) {
     const [connectionType, setConnectionType] = (0, react_1.useState)();
-    const [configModel, setConfigModel] = (0, react_1.useState)();
+    const [connectionId, setConnectionId] = (0, react_1.useState)();
     const [activeStep, setActiveStep] = (0, react_1.useState)(0);
     const { classes } = useStyles();
     const session = (0, util_1.getSession)(model);
     const { pluginManager } = (0, util_1.getEnv)(session);
+    // useMemo is needed for react@18+mobx-react@9, previous code called configScema.create directly in a setConfigModel useState hook setter but this caused infinite loop
+    const configModel = (0, react_1.useMemo)(() => connectionType === null || connectionType === void 0 ? void 0 : connectionType.configSchema.create({ connectionId }, (0, util_1.getEnv)(model)), [connectionId, connectionType, model]);
     return (react_1.default.createElement("div", { className: classes.root },
         react_1.default.createElement(material_1.Stepper, { className: classes.stepper, activeStep: activeStep, orientation: "vertical" }, steps.map(label => (react_1.default.createElement(material_1.Step, { key: label },
             react_1.default.createElement(material_1.StepLabel, null, label),
@@ -66,21 +69,27 @@ exports.default = (0, mobx_react_1.observer)(function AddConnectionWidget({ mode
                         if (!c) {
                             return;
                         }
-                        const connectionId = `${c.name}-${Date.now()}`;
-                        setConfigModel(c.configSchema.create({ connectionId }, (0, util_1.getEnv)(model)));
+                        setConnectionId(`${c.name}-${Date.now()}`);
                     } })) : connectionType && configModel ? (react_1.default.createElement(ConfigureConnection_1.default, { connectionType: connectionType, model: configModel, session: session })) : null,
                 react_1.default.createElement("div", { className: classes.actionsContainer },
                     react_1.default.createElement(material_1.Button, { disabled: activeStep === 0, onClick: () => setActiveStep(activeStep - 1), className: classes.button }, "Back"),
                     react_1.default.createElement(material_1.Button, { disabled: !((activeStep === 0 && connectionType) ||
                             (activeStep === 1 && configModel)), variant: "contained", color: "primary", onClick: () => {
-                            var _a;
                             if (activeStep === steps.length - 1) {
-                                const conf = session.addConnectionConf(configModel);
-                                (_a = session.makeConnection) === null || _a === void 0 ? void 0 : _a.call(session, conf);
-                                session.hideWidget(model);
+                                if (configModel && (0, product_core_1.isSessionWithConnections)(session)) {
+                                    const conf = session.addConnectionConf(configModel);
+                                    session.makeConnection(conf);
+                                }
+                                else {
+                                    session.notify('No config model to add');
+                                }
+                                if ((0, util_1.isSessionModelWithWidgets)(session)) {
+                                    session.hideWidget(model);
+                                }
                             }
                             else {
                                 setActiveStep(activeStep + 1);
                             }
                         }, className: classes.button, "data-testid": "addConnectionNext" }, activeStep === steps.length - 1 ? 'Connect' : 'Next')))))))));
 });
+exports.default = AddConnectionWidget;

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

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

package/dist/AddConnectionWidget/components/ConfigureConnection.js

@@ -27,8 +27,9 @@ const react_1 = __importStar(require("react"));
 const mobx_react_1 = require("mobx-react");
 const plugin_config_1 = require("@jbrowse/plugin-config");
 const ui_1 = require("@jbrowse/core/ui");
-exports.default = (0, mobx_react_1.observer)(function ({ connectionType, model, session, }) {
+const ConfigureConnection = (0, mobx_react_1.observer)(function ({ connectionType, model, session, }) {
     const ConfigEditorComponent = connectionType.configEditorComponent || plugin_config_1.ConfigurationEditor;
     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 })));
 });
+exports.default = ConfigureConnection;

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

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

package/dist/AddConnectionWidget/components/ConnectionTypeSelect.js

@@ -31,14 +31,16 @@ const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 // icons
 const OpenInNew_1 = __importDefault(require("@mui/icons-material/OpenInNew"));
-exports.default = (0, mobx_react_1.observer)(function ConnectionTypeSelect({ connectionTypeChoices, connectionType, setConnectionType, }) {
+const ConnectionTypeSelect = (0, mobx_react_1.observer)(function ConnectionTypeSelect({ connectionTypeChoices, connectionType, setConnectionType, }) {
+    const firstChoice = connectionTypeChoices[0];
     (0, react_1.useEffect)(() => {
         if (!connectionType) {
-            setConnectionType(connectionTypeChoices[0]);
+            setConnectionType(firstChoice);
         }
-    });
+    }, [connectionType, firstChoice, setConnectionType]);
     return (react_1.default.createElement("form", { autoComplete: "off" }, connectionType ? (react_1.default.createElement(material_1.TextField, { value: connectionType.name, label: "connectionType", helperText: connectionType.description ? (react_1.default.createElement(react_1.default.Fragment, null,
             connectionType.description,
             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));
 });
+exports.default = ConnectionTypeSelect;

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

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

package/dist/AddTrackWidget/components/AddTrackWidget.js

@@ -32,7 +32,7 @@ const material_1 = require("@mui/material");
 const util_1 = require("@jbrowse/core/util");
 const DefaultAddTrackWorkflow_1 = __importDefault(require("./DefaultAddTrackWorkflow"));
 const PasteConfigWorkflow_1 = __importDefault(require("./PasteConfigWorkflow"));
-function AddTrackSelector({ model }) {
+const AddTrackSelector = (0, mobx_react_1.observer)(function ({ model, }) {
     const [val, setVal] = (0, react_1.useState)('Default add track workflow');
     const { pluginManager } = (0, util_1.getEnv)(model);
     const widgets = pluginManager.getAddTrackWorkflowElements();
@@ -50,5 +50,5 @@ function AddTrackSelector({ model }) {
             react_1.default.createElement(material_1.FormHelperText, null, "Type of add track workflow")),
         react_1.default.createElement("br", null),
         react_1.default.createElement(Component, { model: model })));
-}
-exports.default = (0, mobx_react_1.observer)(AddTrackSelector);
+});
+exports.default = AddTrackSelector;

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

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

package/dist/AddTrackWidget/components/ConfirmTrack.js

@@ -74,7 +74,7 @@ function UnknownAdapterPrompt({ model }) {
             "and add a feature request for this data type."),
         react_1.default.createElement(TrackAdapterSelector_1.default, { model: model })));
 }
-exports.default = (0, mobx_react_1.observer)(function ConfirmTrack({ model, }) {
+const ConfirmTrack = (0, mobx_react_1.observer)(function ConfirmTrack({ model, }) {
     const { classes } = useStyles();
     const [check, setCheck] = (0, react_1.useState)(true);
     const session = (0, util_1.getSession)(model);
@@ -102,7 +102,7 @@ exports.default = (0, mobx_react_1.observer)(function ConfirmTrack({ model, }) {
     if (!(trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type)) {
         return react_1.default.createElement(material_1.Typography, null, "Could not recognize this data type.");
     }
-    const supportedForIndexing = (0, util_1.supportedIndexingAdapters)(trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type);
+    const supportedForIndexing = (0, util_1.isSupportedIndexingAdapter)(trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type);
     return (react_1.default.createElement("div", null,
         trackAdapter ? (react_1.default.createElement(StatusMessage, { trackAdapter: trackAdapter, trackType: trackType })) : null,
         warningMessage ? (react_1.default.createElement(material_1.Typography, { style: { color: 'orange' } }, warningMessage)) : null,
@@ -123,3 +123,4 @@ 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));
 });
+exports.default = ConfirmTrack;

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

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

package/dist/AddTrackWidget/components/DefaultAddTrackWorkflow.js

@@ -55,7 +55,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
     },
 }));
 const steps = ['Enter track data', 'Confirm track type'];
-function AddTrackWorkflow({ model }) {
+const DefaultAddTrackWorkflow = (0, mobx_react_1.observer)(function ({ model, }) {
     const [activeStep, setActiveStep] = (0, react_1.useState)(0);
     const { classes } = useStyles();
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -74,6 +74,7 @@ function AddTrackWorkflow({ model }) {
         }
     }
     async function handleNext() {
+        var _a, _b;
         if (activeStep !== steps.length - 1) {
             setActiveStep(activeStep + 1);
             return;
@@ -83,6 +84,10 @@ function AddTrackWorkflow({ model }) {
             `${session.adminMode ? '' : '-sessionTrack'}`,
         ].join('');
         const assemblyInstance = session.assemblyManager.get(assembly);
+        if (!(0, util_1.isSessionWithAddTracks)(session)) {
+            setTrackErrorMessage('Unable to add tracks to this model');
+            return;
+        }
         if (assemblyInstance && trackAdapter && trackAdapter.type !== 'UNKNOWN') {
             session.addTrackConf({
                 trackId,
@@ -94,36 +99,36 @@ function AddTrackWorkflow({ model }) {
                     sequenceAdapter: (0, configuration_1.getConf)(assemblyInstance, ['sequence', 'adapter']),
                 },
             });
-            if (model.view) {
-                model.view.showTrack(trackId);
-                if (util_1.isElectron &&
-                    textIndexTrack &&
-                    (0, util_1.supportedIndexingAdapters)(trackAdapter.type)) {
-                    const attr = textIndexingConf || {
-                        attributes: ['Name', 'ID'],
-                        exclude: ['CDS', 'exon'],
-                    };
-                    const indexName = trackName + '-index';
-                    const newEntry = {
-                        indexingParams: {
-                            ...attr,
-                            assemblies: [assembly],
-                            tracks: [trackId],
-                            indexType: 'perTrack',
-                            name: indexName,
-                            timestamp: new Date().toISOString(),
-                        },
+            (_b = (_a = model.view).showTrack) === null || _b === void 0 ? void 0 : _b.call(_a, trackId);
+            if (util_1.isElectron &&
+                textIndexTrack &&
+                (0, util_1.isSupportedIndexingAdapter)(trackAdapter.type)) {
+                const attr = textIndexingConf || {
+                    attributes: ['Name', 'ID'],
+                    exclude: ['CDS', 'exon'],
+                };
+                const indexName = trackName + '-index';
+                const newEntry = {
+                    indexingParams: {
+                        ...attr,
+                        assemblies: [assembly],
+                        tracks: [trackId],
+                        indexType: 'perTrack',
                         name: indexName,
-                        cancelCallback: () => jobsManager.abortJob(),
-                    };
-                    jobsManager.queueJob(newEntry);
-                }
+                        timestamp: new Date().toISOString(),
+                    },
+                    name: indexName,
+                    cancelCallback: () => jobsManager.abortJob(),
+                };
+                jobsManager.queueJob(newEntry);
             }
             else {
                 session.notify('Open a new view, or use the track selector in an existing view, to view this track', 'info');
             }
             model.clearData();
-            session.hideWidget(model);
+            if ((0, util_1.isSessionModelWithWidgets)(session)) {
+                session.hideWidget(model);
+            }
         }
         else {
             setTrackErrorMessage('Failed to add track.\nThe configuration of this file is not currently supported.');
@@ -153,5 +158,5 @@ function AddTrackWorkflow({ model }) {
                     react_1.default.createElement(material_1.Button, { disabled: isNextDisabled(), variant: "contained", color: "primary", onClick: handleNext, className: classes.button, "data-testid": "addTrackNextButton" }, activeStep === steps.length - 1 ? 'Add' : 'Next')),
                 trackErrorMessage ? (react_1.default.createElement("div", { className: classes.alertContainer },
                     react_1.default.createElement(material_1.Alert, { severity: "error" }, trackErrorMessage))) : null)))))));
-}
-exports.default = (0, mobx_react_1.observer)(AddTrackWorkflow);
+});
+exports.default = DefaultAddTrackWorkflow;

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

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

package/dist/AddTrackWidget/components/PasteConfigWorkflow.js

@@ -39,7 +39,7 @@ const useStyles = (0, mui_1.makeStyles)()({
         display: 'block',
     },
 });
-function AddTrackWorkflow({ model }) {
+const PasteConfigAddTrackWorkflow = (0, mobx_react_1.observer)(function ({ model, }) {
     const { classes } = useStyles();
     const [val, setVal] = (0, react_1.useState)('');
     const [error, setError] = (0, react_1.useState)();
@@ -52,15 +52,18 @@ function AddTrackWorkflow({ model }) {
                     const session = (0, util_1.getSession)(model);
                     const conf = JSON.parse(val);
                     const confs = Array.isArray(conf) ? conf : [conf];
-                    confs.forEach(c => session.addTrackConf(c));
-                    confs.forEach(c => c.trackId);
-                    model.clearData();
-                    session.hideWidget(model);
+                    if ((0, util_1.isSessionWithAddTracks)(session) &&
+                        (0, util_1.isSessionModelWithWidgets)(session)) {
+                        confs.forEach(c => session.addTrackConf(c));
+                        confs.forEach(c => model.view.showTrack(c.trackId));
+                        model.clearData();
+                        session.hideWidget(model);
+                    }
                 }
                 catch (e) {
                     console.error(e);
                     setError(e);
                 }
             } }, "Submit")));
-}
-exports.default = (0, mobx_react_1.observer)(AddTrackWorkflow);
+});
+exports.default = PasteConfigAddTrackWorkflow;

package/dist/AddTrackWidget/components/TrackAdapterSelector.js

@@ -41,7 +41,7 @@ const TrackAdapterSelector = (0, mobx_react_1.observer)(({ model }) => {
         // returning array avoids needing to use a react fragment which
         // Select/TextField sub-elements disagree with
         return [
-            react_1.default.createElement(material_1.ListSubheader, null, key),
+            react_1.default.createElement(material_1.ListSubheader, { key: key }, key),
             val.map(elt => (react_1.default.createElement(material_1.MenuItem, { key: elt.name, value: elt.name }, elt.displayName))),
         ];
     })));

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

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

package/dist/AddTrackWidget/components/TrackSourceSelect.js

@@ -17,12 +17,12 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         height: theme.spacing(8),
     },
 }));
-function TrackSourceSelect({ model }) {
+const TrackSourceSelect = (0, mobx_react_1.observer)(function ({ model, }) {
     const { classes } = useStyles();
     const rootModel = (0, mobx_state_tree_1.getRoot)(model);
     return (react_1.default.createElement(material_1.Paper, { className: classes.paper },
         react_1.default.createElement(ui_1.FileSelector, { name: "Main file", description: "", location: model.trackData, setLocation: model.setTrackData, setName: model.setTrackName, rootModel: rootModel }),
         react_1.default.createElement("div", { className: classes.spacer }),
         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);
+});
+exports.default = TrackSourceSelect;

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

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

package/dist/HierarchicalTrackSelectorWidget/components/HierarchicalFab.js

@@ -40,7 +40,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         right: theme.spacing(6),
     },
 }));
-exports.default = (0, mobx_react_1.observer)(function HierarchicalFab({ model, }) {
+const HierarchicalFab = (0, mobx_react_1.observer)(function ({ model, }) {
     const { classes } = useStyles();
     const session = (0, util_1.getSession)(model);
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
@@ -68,3 +68,4 @@ exports.default = (0, mobx_react_1.observer)(function HierarchicalFab({ model, }
                     }
                 } }, "Add track")) : null))) : null));
 });
+exports.default = HierarchicalFab;

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

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

package/dist/HierarchicalTrackSelectorWidget/components/ShoppingCart.js

@@ -43,7 +43,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         marginBottom: 0,
     },
 }));
-exports.default = (0, mobx_react_1.observer)(function ShoppingCart({ model, }) {
+const ShoppingCart = (0, mobx_react_1.observer)(function ({ model, }) {
     const { classes } = useStyles();
     const { selection } = model;
     const { pluginManager } = (0, util_1.getEnv)(model);
@@ -67,3 +67,4 @@ exports.default = (0, mobx_react_1.observer)(function ShoppingCart({ model, }) {
                 })),
             ] })));
 });
+exports.default = ShoppingCart;

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

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

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

@@ -7,7 +7,7 @@ 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");
-exports.default = (0, mobx_react_1.observer)(function CloseConnectionDialog({ modalInfo = {}, onClose, }) {
+const CloseConnectionDialog = (0, mobx_react_1.observer)(function CloseConnectionDialog({ modalInfo = {}, onClose, }) {
     const { name, dereferenceTypeCount, safelyBreakConnection } = modalInfo;
     return (react_1.default.createElement(ui_1.Dialog, { open: true, maxWidth: "lg", title: `Close connection "${name}"` },
         react_1.default.createElement(material_1.DialogContent, null,
@@ -24,3 +24,4 @@ exports.default = (0, mobx_react_1.observer)(function CloseConnectionDialog({ mo
                     }
                     : () => { }, color: "primary" }, "OK"))));
 });
+exports.default = CloseConnectionDialog;

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

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

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

@@ -5,14 +5,11 @@ 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 DeleteConnectionDialog({ deleteDialogDetails, session, handleClose, }) {
+const DeleteConnectionDialog = (0, mobx_react_1.observer)(function DeleteConnectionDialog({ deleteDialogDetails, session, handleClose, }) {
     const { connectionConf, name } = deleteDialogDetails;
-    return (react_1.default.createElement(material_1.Dialog, { open: true },
-        react_1.default.createElement(material_1.DialogTitle, null,
-            "Delete connection \"",
-            name,
-            "\""),
+    return (react_1.default.createElement(ui_1.Dialog, { open: true, title: `Delete connection "${name}"` },
         react_1.default.createElement(material_1.DialogContent, null,
             react_1.default.createElement(material_1.DialogContentText, null, "Are you sure you want to delete this connection?")),
         react_1.default.createElement(material_1.DialogActions, null,
@@ -24,5 +21,5 @@ function DeleteConnectionDialog({ deleteDialogDetails, session, handleClose, })
                     }
                     handleClose();
                 } }, "OK"))));
-}
-exports.default = (0, mobx_react_1.observer)(DeleteConnectionDialog);
+});
+exports.default = DeleteConnectionDialog;

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

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

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

@@ -17,7 +17,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         width: 500,
     },
 }));
-function ManageConnectionsDlg({ session, handleClose, breakConnection, }) {
+const ManageConnectionsDialog = (0, mobx_react_1.observer)(function ({ session, handleClose, breakConnection, }) {
     const { classes } = useStyles();
     const { adminMode, connections, sessionConnections } = session;
     return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, maxWidth: "lg", title: "Delete connections" },
@@ -36,5 +36,5 @@ function ManageConnectionsDlg({ session, handleClose, breakConnection, }) {
                 !connections.length ? (react_1.default.createElement(material_1.Typography, null, "No connections found")) : null)),
         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)(ManageConnectionsDlg);
+});
+exports.default = ManageConnectionsDialog;

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

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

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

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ellipses = void 0;
 const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
 const ui_1 = require("@jbrowse/core/ui");
@@ -13,7 +12,6 @@ const configuration_1 = require("@jbrowse/core/configuration");
 function ellipses(slug) {
     return slug.length > 20 ? `${slug.slice(0, 20)}...` : slug;
 }
-exports.ellipses = ellipses;
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     connectionContainer: {
         width: 500,
@@ -45,7 +43,7 @@ const ConnectionList = (0, mobx_react_1.observer)(function ConnectionsList({ ses
     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, }) {
+const ToggleConnectionDialog = (0, mobx_react_1.observer)(function ({ 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"),
@@ -53,3 +51,4 @@ exports.default = (0, mobx_react_1.observer)(function ToggleConnectionDialog({ s
         react_1.default.createElement(material_1.DialogActions, null,
             react_1.default.createElement(material_1.Button, { onClick: () => handleClose(), variant: "contained", color: "primary" }, "Close"))));
 });
+exports.default = ToggleConnectionDialog;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export default function FacetFilter({ column, vals, width, dispatch, filters, }: {
+    column: {
+        field: string;
+    };
+    vals: [string, number][];
+    width: number;
+    dispatch: (arg: {
+        key: string;
+        val: string[];
+    }) => void;
+    filters: Record<string, string[]>;
+}): React.JSX.Element;