@jbrowse/plugin-data-management 2.13.0 → 2.14.0

package/dist/AddConnectionWidget/components/AddConnectionWidget.js

@@ -72,7 +72,9 @@ const AddConnectionWidget = (0, mobx_react_1.observer)(function ({ 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, 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: () => {
                             if (activeStep === steps.length - 1) {

package/dist/AddConnectionWidget/components/ConnectionTypeSelect.js

@@ -41,6 +41,8 @@ const ConnectionTypeSelect = (0, mobx_react_1.observer)(function ConnectionTypeS
     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));
+                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.js

@@ -46,7 +46,9 @@ const AddTrackSelector = (0, mobx_react_1.observer)(function ({ model, }) {
     const Component = ComponentMap[val2];
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(material_1.FormControl, null,
-            react_1.default.createElement(material_1.Select, { value: val2, onChange: event => setVal(event.target.value) }, Object.keys(ComponentMap).map(e => (react_1.default.createElement(material_1.MenuItem, { key: e, value: e }, e)))),
+            react_1.default.createElement(material_1.Select, { value: val2, onChange: event => {
+                    setVal(event.target.value);
+                } }, Object.keys(ComponentMap).map(e => (react_1.default.createElement(material_1.MenuItem, { key: e, value: e }, e)))),
             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 })));

package/dist/AddTrackWidget/components/ConfirmTrack.js

@@ -78,13 +78,13 @@ 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);
-    const { trackName, trackAdapter, trackType, warningMessage, adapterHint } = model;
+    const { trackName, unsupported, trackAdapter, trackType, warningMessage, adapterHint, } = model;
     (0, react_1.useEffect)(() => {
         if (adapterHint === '' && trackAdapter) {
             model.setAdapterHint(trackAdapter.type);
         }
     }, [adapterHint, trackAdapter, trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type, model]);
-    if (model.unsupported) {
+    if (unsupported) {
         return (react_1.default.createElement(material_1.Typography, { className: classes.spacing },
             "This version of JBrowse cannot display data of this type. It is possible, however, that there is a newer version that can display them. You can",
             ' ',
@@ -102,14 +102,18 @@ const ConfirmTrack = (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.isSupportedIndexingAdapter)(trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type);
+    const supportedForIndexing = (0, util_1.isSupportedIndexingAdapter)(trackAdapter.type);
     return (react_1.default.createElement("div", null,
-        trackAdapter ? (react_1.default.createElement(StatusMessage, { trackAdapter: trackAdapter, trackType: trackType })) : null,
+        react_1.default.createElement(StatusMessage, { trackAdapter: trackAdapter, trackType: trackType }),
         warningMessage ? (react_1.default.createElement(material_1.Typography, { style: { color: 'orange' } }, warningMessage)) : null,
-        react_1.default.createElement(material_1.TextField, { className: classes.spacing, label: "trackName", helperText: "A name for this track", fullWidth: true, value: trackName, onChange: event => model.setTrackName(event.target.value), inputProps: { 'data-testid': 'trackNameInput' } }),
+        react_1.default.createElement(material_1.TextField, { className: classes.spacing, label: "trackName", helperText: "A name for this track", fullWidth: true, value: trackName, onChange: event => {
+                model.setTrackName(event.target.value);
+            }, inputProps: { 'data-testid': 'trackNameInput' } }),
         react_1.default.createElement(TrackAdapterSelector_1.default, { model: model }),
         react_1.default.createElement(TrackTypeSelector_1.default, { model: model }),
-        react_1.default.createElement(ui_1.AssemblySelector, { session: session, helperText: "Select assembly to add track to", selected: model.assembly, onChange: asm => model.setAssembly(asm), TextFieldProps: {
+        react_1.default.createElement(ui_1.AssemblySelector, { session: session, helperText: "Select assembly to add track to", selected: model.assembly, onChange: asm => {
+                model.setAssembly(asm);
+            }, TextFieldProps: {
                 fullWidth: true,
                 SelectProps: {
                     // @ts-expect-error

package/dist/AddTrackWidget/components/DefaultAddTrackWorkflow.js

@@ -58,7 +58,6 @@ const steps = ['Enter track data', 'Confirm track type'];
 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
     const { jobsManager } = (0, mobx_state_tree_1.getRoot)(model);
     const session = (0, util_1.getSession)(model);
     const { assembly, trackAdapter, trackData, trackName, trackType, textIndexTrack, textIndexingConf, } = model;
@@ -81,7 +80,7 @@ const DefaultAddTrackWorkflow = (0, mobx_react_1.observer)(function ({ model, })
         }
         const trackId = [
             `${trackName.toLowerCase().replaceAll(' ', '_')}-${Date.now()}`,
-            `${session.adminMode ? '' : '-sessionTrack'}`,
+            session.adminMode ? '' : '-sessionTrack',
         ].join('');
         const assemblyInstance = session.assemblyManager.get(assembly);
         if (!(0, util_1.isSessionWithAddTracks)(session)) {
@@ -107,7 +106,7 @@ const DefaultAddTrackWorkflow = (0, mobx_react_1.observer)(function ({ model, })
                     attributes: ['Name', 'ID'],
                     exclude: ['CDS', 'exon'],
                 };
-                const indexName = trackName + '-index';
+                const indexName = `${trackName}-index`;
                 const newEntry = {
                     indexingParams: {
                         ...attr,

package/dist/AddTrackWidget/components/PasteConfigWorkflow.js

@@ -45,7 +45,9 @@ const PasteConfigAddTrackWorkflow = (0, mobx_react_1.observer)(function ({ model
     const [error, setError] = (0, react_1.useState)();
     return (react_1.default.createElement("div", null,
         error ? react_1.default.createElement(ui_1.ErrorMessage, { error: error }) : null,
-        react_1.default.createElement(material_1.TextField, { multiline: true, rows: 10, value: val, onChange: event => setVal(event.target.value), placeholder: 'Paste track config or array of track configs in JSON format', variant: "outlined", className: classes.textbox }),
+        react_1.default.createElement(material_1.TextField, { multiline: true, rows: 10, value: val, onChange: event => {
+                setVal(event.target.value);
+            }, placeholder: 'Paste track config or array of track configs in JSON format', variant: "outlined", className: classes.textbox }),
         react_1.default.createElement(material_1.Button, { variant: "contained", className: classes.submit, onClick: () => {
                 try {
                     setError(undefined);
@@ -54,7 +56,9 @@ const PasteConfigAddTrackWorkflow = (0, mobx_react_1.observer)(function ({ model
                     const confs = Array.isArray(conf) ? conf : [conf];
                     if ((0, util_1.isSessionWithAddTracks)(session) &&
                         (0, util_1.isSessionModelWithWidgets)(session)) {
-                        confs.forEach(c => session.addTrackConf(c));
+                        confs.forEach(c => {
+                            session.addTrackConf(c);
+                        });
                         confs.forEach(c => model.view.showTrack(c.trackId));
                         model.clearData();
                         session.hideWidget(model);

package/dist/AddTrackWidget/components/TextIndexingConfig.js

@@ -68,22 +68,30 @@ const TextIndexingConfig = (0, mobx_react_1.observer)(function ({ model, }) {
             react_1.default.createElement(material_1.CardContent, null,
                 react_1.default.createElement(material_1.InputLabel, null, section.label),
                 react_1.default.createElement(material_1.List, { disablePadding: true },
-                    section.values.map((val, idx) => (react_1.default.createElement(material_1.ListItem, { key: idx, disableGutters: true },
+                    section.values.map((val, idx) => (
+                    /* biome-ignore lint/suspicious/noArrayIndexKey: */
+                    react_1.default.createElement(material_1.ListItem, { key: `${val}-${idx}`, disableGutters: true },
                         react_1.default.createElement(material_1.TextField, { value: val, InputProps: {
                                 endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
                                     react_1.default.createElement(material_1.IconButton, { onClick: () => {
                                             const newAttr = section.values.filter((_, i) => i !== idx);
-                                            index === 0
-                                                ? setAttributes(newAttr)
-                                                : setExclude(newAttr);
+                                            if (index === 0) {
+                                                setAttributes(newAttr);
+                                            }
+                                            else {
+                                                setExclude(newAttr);
+                                            }
                                         } },
                                         react_1.default.createElement(Delete_1.default, null)))),
                             } })))),
                     react_1.default.createElement(material_1.ListItem, { disableGutters: true },
                         react_1.default.createElement(material_1.TextField, { value: index === 0 ? value1 : value2, placeholder: "add new", onChange: event => {
-                                index === 0
-                                    ? setValue1(event.target.value)
-                                    : setValue2(event.target.value);
+                                if (index === 0) {
+                                    setValue1(event.target.value);
+                                }
+                                else {
+                                    setValue2(event.target.value);
+                                }
                             }, InputProps: {
                                 endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
                                     react_1.default.createElement(material_1.IconButton, { onClick: () => {
@@ -95,7 +103,7 @@ const TextIndexingConfig = (0, mobx_react_1.observer)(function ({ model, }) {
                                                 setExclude([...exclude, value2]);
                                                 setValue2('');
                                             }
-                                        }, disabled: index === 0 ? value1 === '' : value2 === '', "data-testid": `stringArrayAdd-Feat` },
+                                        }, disabled: index === 0 ? value1 === '' : value2 === '', "data-testid": "stringArrayAdd-Feat" },
                                         react_1.default.createElement(Add_1.default, null)))),
                             } })))))))));
 });

package/dist/AddTrackWidget/components/TrackAdapterSelector.js

@@ -32,7 +32,9 @@ const TrackAdapterSelector = (0, mobx_react_1.observer)(({ model }) => {
     const { classes } = useStyles();
     const { trackAdapter } = model;
     const { pluginManager } = (0, util_1.getEnv)(model);
-    return (react_1.default.createElement(material_1.TextField, { className: classes.spacing, value: (trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type) !== 'UNKNOWN' ? trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type : '', label: "Adapter type", variant: "outlined", helperText: "Select an adapter type", select: true, fullWidth: true, onChange: event => model.setAdapterHint(event.target.value), SelectProps: {
+    return (react_1.default.createElement(material_1.TextField, { className: classes.spacing, value: (trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type) !== 'UNKNOWN' ? trackAdapter === null || trackAdapter === void 0 ? void 0 : trackAdapter.type : '', label: "Adapter type", variant: "outlined", helperText: "Select an adapter type", select: true, fullWidth: true, onChange: event => {
+            model.setAdapterHint(event.target.value);
+        }, SelectProps: {
             // @ts-expect-error
             SelectDisplayProps: { 'data-testid': 'adapterTypeSelect' },
         } }, Object.entries(categorizeAdapters(pluginManager

package/dist/AddTrackWidget/components/TrackTypeSelector.js

@@ -18,7 +18,9 @@ const TrackTypeSelector = (0, mobx_react_1.observer)(({ model }) => {
     const { pluginManager } = (0, util_1.getEnv)(model);
     const { trackType } = model;
     const trackTypes = pluginManager.getTrackElements();
-    return (react_1.default.createElement(material_1.TextField, { className: classes.spacing, value: trackType, variant: "outlined", label: "Track type", helperText: "Select track type", select: true, fullWidth: true, onChange: event => model.setTrackType(event.target.value), SelectProps: {
+    return (react_1.default.createElement(material_1.TextField, { className: classes.spacing, value: trackType, variant: "outlined", label: "Track type", helperText: "Select track type", select: true, fullWidth: true, onChange: event => {
+            model.setTrackType(event.target.value);
+        }, SelectProps: {
             // @ts-expect-error
             SelectDisplayProps: { 'data-testid': 'trackTypeSelect' },
         } }, trackTypes.map(({ name, displayName }) => (react_1.default.createElement(material_1.MenuItem, { key: name, value: name }, displayName)))));

package/dist/AddTrackWidget/model.js

@@ -218,7 +218,7 @@ function f(pluginManager) {
          */
         get warningMessage() {
             if (self.isFtp) {
-                return `Warning: JBrowse cannot access files using the ftp protocol`;
+                return 'Warning: JBrowse cannot access files using the ftp protocol';
             }
             else if (self.isRelativeUrl) {
                 return `Warning: one or more of your files do not provide the protocol e.g.

package/dist/AssemblyManager/AssemblyAddForm.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import { AbstractRootModel } from '@jbrowse/core/util/types';
 declare const AssemblyAddForm: ({ rootModel, setFormOpen, }: {
-    rootModel: any;
-    setFormOpen: Function;
+    rootModel: AbstractRootModel;
+    setFormOpen: (arg: boolean) => void;
 }) => React.JSX.Element;
 export default AssemblyAddForm;

package/dist/AssemblyManager/AssemblyAddForm.js

@@ -33,35 +33,47 @@ const ui_1 = require("@jbrowse/core/ui");
 // icons
 const Add_1 = __importDefault(require("@mui/icons-material/Add"));
 const AdapterSelector = (0, mobx_react_1.observer)(function ({ adapterSelection, setAdapterSelection, adapterTypes, }) {
-    return (react_1.default.createElement(material_1.TextField, { value: adapterSelection, label: "Type", select: true, helperText: "Type of adapter to use", fullWidth: true, onChange: event => setAdapterSelection(event.target.value) }, adapterTypes.map(str => (react_1.default.createElement(material_1.MenuItem, { key: str, value: str }, str)))));
+    return (react_1.default.createElement(material_1.TextField, { value: adapterSelection, label: "Type", select: true, helperText: "Type of adapter to use", fullWidth: true, onChange: event => {
+            setAdapterSelection(event.target.value);
+        } }, adapterTypes.map(str => (react_1.default.createElement(material_1.MenuItem, { key: str, value: str }, str)))));
 });
-const AdapterInput = (0, mobx_react_1.observer)(({ adapterSelection, fastaLocation, setFastaLocation, faiLocation, setFaiLocation, gziLocation, setGziLocation, twoBitLocation, setTwoBitLocation, chromSizesLocation, setChromSizesLocation, }) => {
+const AdapterInput = (0, mobx_react_1.observer)(function ({ adapterSelection, fastaLocation, faiLocation, gziLocation, twoBitLocation, chromSizesLocation, setFaiLocation, setGziLocation, setTwoBitLocation, setFastaLocation, setChromSizesLocation, }) {
     if (adapterSelection === 'IndexedFastaAdapter' ||
         adapterSelection === 'BgzipFastaAdapter') {
         return (react_1.default.createElement(material_1.Grid, { container: true, spacing: 2 },
             react_1.default.createElement(material_1.Grid, { item: true },
-                react_1.default.createElement(ui_1.FileSelector, { name: "fastaLocation", location: fastaLocation, setLocation: loc => setFastaLocation(loc) })),
+                react_1.default.createElement(ui_1.FileSelector, { name: "fastaLocation", location: fastaLocation, setLocation: loc => {
+                        setFastaLocation(loc);
+                    } })),
             react_1.default.createElement(material_1.Grid, { item: true },
-                react_1.default.createElement(ui_1.FileSelector, { name: "faiLocation", location: faiLocation, setLocation: loc => setFaiLocation(loc) })),
+                react_1.default.createElement(ui_1.FileSelector, { name: "faiLocation", location: faiLocation, setLocation: loc => {
+                        setFaiLocation(loc);
+                    } })),
             adapterSelection === 'BgzipFastaAdapter' ? (react_1.default.createElement(material_1.Grid, { item: true },
-                react_1.default.createElement(ui_1.FileSelector, { name: "gziLocation", location: gziLocation, setLocation: loc => setGziLocation(loc) }))) : null));
+                react_1.default.createElement(ui_1.FileSelector, { name: "gziLocation", location: gziLocation, setLocation: loc => {
+                        setGziLocation(loc);
+                    } }))) : null));
     }
     if (adapterSelection === 'TwoBitAdapter') {
         return (react_1.default.createElement(material_1.Grid, { container: true, spacing: 2 },
             react_1.default.createElement(material_1.Grid, { item: true },
-                react_1.default.createElement(ui_1.FileSelector, { name: "twoBitLocation", location: twoBitLocation, setLocation: loc => setTwoBitLocation(loc) })),
+                react_1.default.createElement(ui_1.FileSelector, { name: "twoBitLocation", location: twoBitLocation, setLocation: loc => {
+                        setTwoBitLocation(loc);
+                    } })),
             react_1.default.createElement(material_1.Grid, { item: true },
-                react_1.default.createElement(ui_1.FileSelector, { name: "chromSizesLocation (optional, can be added to speed up loading 2bit files with many contigs)", location: chromSizesLocation, setLocation: loc => setChromSizesLocation(loc) }))));
+                react_1.default.createElement(ui_1.FileSelector, { name: "chromSizesLocation (optional, can be added to speed up loading 2bit files with many contigs)", location: chromSizesLocation, setLocation: loc => {
+                        setChromSizesLocation(loc);
+                    } }))));
     }
     return null;
 });
 const blank = { uri: '' };
+const adapterTypes = [
+    'IndexedFastaAdapter',
+    'BgzipFastaAdapter',
+    'TwoBitAdapter',
+];
 const AssemblyAddForm = (0, mobx_react_1.observer)(function ({ rootModel, setFormOpen, }) {
-    const adapterTypes = [
-        'IndexedFastaAdapter',
-        'BgzipFastaAdapter',
-        'TwoBitAdapter',
-    ];
     const [assemblyName, setAssemblyName] = (0, react_1.useState)('');
     const [assemblyDisplayName, setAssemblyDisplayName] = (0, react_1.useState)('');
     const [adapterSelection, setAdapterSelection] = (0, react_1.useState)(adapterTypes[0]);
@@ -71,8 +83,9 @@ const AssemblyAddForm = (0, mobx_react_1.observer)(function ({ rootModel, setFor
     const [twoBitLocation, setTwoBitLocation] = (0, react_1.useState)(blank);
     const [chromSizesLocation, setChromSizesLocation] = (0, react_1.useState)(blank);
     function createAssembly() {
+        var _a, _b;
         if (assemblyName === '') {
-            rootModel.session.notify("Can't create an assembly without a name");
+            (_a = rootModel.session) === null || _a === void 0 ? void 0 : _a.notify("Can't create an assembly without a name");
         }
         else {
             setFormOpen(false);
@@ -117,16 +130,23 @@ const AssemblyAddForm = (0, mobx_react_1.observer)(function ({ rootModel, setFor
                     },
                 };
             }
+            else {
+                throw new Error(`unknown ${adapterSelection}`);
+            }
             rootModel.jbrowse.addAssemblyConf(newAssembly);
-            rootModel.session.notify(`Successfully added ${assemblyName} assembly to JBrowse 2`, 'success');
+            (_b = rootModel.session) === null || _b === void 0 ? void 0 : _b.notify(`Successfully added ${assemblyName} assembly to JBrowse 2`, 'success');
         }
     }
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(material_1.Paper, null,
-            react_1.default.createElement(material_1.TextField, { id: "assembly-name", inputProps: { 'data-testid': 'assembly-name' }, label: "Assembly name", helperText: "The assembly name e.g. hg38", variant: "outlined", value: assemblyName, onChange: event => setAssemblyName(event.target.value) }),
-            react_1.default.createElement(material_1.TextField, { id: "assembly-name", inputProps: { 'data-testid': 'assembly-display-name' }, label: "Assembly display name", helperText: 'A human readable display name for the assembly e.g. "Homo sapiens (hg38)"', variant: "outlined", value: assemblyDisplayName, onChange: event => setAssemblyDisplayName(event.target.value) }),
-            react_1.default.createElement(AdapterSelector, { adapterSelection: adapterSelection, setAdapterSelection: setAdapterSelection, adapterTypes: adapterTypes }),
-            react_1.default.createElement(AdapterInput, { adapterSelection: adapterSelection, fastaLocation: fastaLocation, setFastaLocation: setFastaLocation, faiLocation: faiLocation, setFaiLocation: setFaiLocation, gziLocation: gziLocation, setGziLocation: setGziLocation, twoBitLocation: twoBitLocation, setTwoBitLocation: setTwoBitLocation, chromSizesLocation: chromSizesLocation, setChromSizesLocation: setChromSizesLocation })),
+            react_1.default.createElement(material_1.TextField, { id: "assembly-name", inputProps: { 'data-testid': 'assembly-name' }, label: "Assembly name", helperText: "The assembly name e.g. hg38", variant: "outlined", value: assemblyName, onChange: event => {
+                    setAssemblyName(event.target.value);
+                } }),
+            react_1.default.createElement(material_1.TextField, { id: "assembly-name", inputProps: { 'data-testid': 'assembly-display-name' }, label: "Assembly display name", helperText: 'A human readable display name for the assembly e.g. "Homo sapiens (hg38)"', variant: "outlined", value: assemblyDisplayName, onChange: event => {
+                    setAssemblyDisplayName(event.target.value);
+                } }),
+            react_1.default.createElement(AdapterSelector, { adapterSelection: adapterSelection, adapterTypes: adapterTypes, setAdapterSelection: setAdapterSelection }),
+            react_1.default.createElement(AdapterInput, { adapterSelection: adapterSelection, fastaLocation: fastaLocation, faiLocation: faiLocation, gziLocation: gziLocation, twoBitLocation: twoBitLocation, chromSizesLocation: chromSizesLocation, setFaiLocation: setFaiLocation, setGziLocation: setGziLocation, setTwoBitLocation: setTwoBitLocation, setFastaLocation: setFastaLocation, setChromSizesLocation: setChromSizesLocation })),
         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;

package/dist/AssemblyManager/AssemblyManager.js

@@ -41,16 +41,26 @@ const AssemblyManager = (0, mobx_react_1.observer)(function ({ rootModel, onClos
     const [isAssemblyBeingEdited, setIsAssemblyBeingEdited] = (0, react_1.useState)(false);
     const [assemblyBeingEdited, setAssemblyBeingEdited] = (0, react_1.useState)();
     const showAssemblyTable = !isFormOpen && !isAssemblyBeingEdited;
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: () => onClose(false), title: "Assembly manager" },
+    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: () => {
+            onClose(false);
+        }, title: "Assembly manager" },
         react_1.default.createElement(material_1.DialogContent, null,
             showAssemblyTable ? (react_1.default.createElement(AssemblyTable_1.default, { rootModel: rootModel, setIsAssemblyBeingEdited: setIsAssemblyBeingEdited, setAssemblyBeingEdited: setAssemblyBeingEdited })) : null,
             isAssemblyBeingEdited ? (react_1.default.createElement(AssemblyEditor_1.default, { assembly: assemblyBeingEdited })) : null,
             isFormOpen ? (react_1.default.createElement(AssemblyAddForm_1.default, { rootModel: rootModel, setFormOpen: setFormOpen })) : null),
         react_1.default.createElement(material_1.DialogActions, null,
-            isFormOpen ? (react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => setFormOpen(false) }, "Back")) : null,
-            isAssemblyBeingEdited ? (react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => setIsAssemblyBeingEdited(false) }, "Back")) : null,
+            isFormOpen ? (react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => {
+                    setFormOpen(false);
+                } }, "Back")) : null,
+            isAssemblyBeingEdited ? (react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => {
+                    setIsAssemblyBeingEdited(false);
+                } }, "Back")) : null,
             showAssemblyTable ? (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(material_1.Button, { color: "secondary", variant: "contained", onClick: () => onClose(false) }, "Close"),
-                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)));
+                react_1.default.createElement(material_1.Button, { color: "secondary", variant: "contained", onClick: () => {
+                        onClose(false);
+                    } }, "Close"),
+                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;

package/dist/AssemblyManager/AssemblyTable.js

@@ -36,7 +36,9 @@ const AssemblyTable = (0, mobx_react_1.observer)(function ({ rootModel, setIsAss
                                 setAssemblyBeingEdited(assembly);
                             } },
                             react_1.default.createElement(Create_1.default, { color: "primary" })),
-                        react_1.default.createElement(material_1.IconButton, { "data-testid": `${name}-delete`, onClick: () => removeAssembly(name) },
+                        react_1.default.createElement(material_1.IconButton, { "data-testid": `${name}-delete`, onClick: () => {
+                                removeAssembly(name);
+                            } },
                             react_1.default.createElement(Delete_1.default, { color: "error" })))));
             })))));
 });

package/dist/HierarchicalTrackSelectorWidget/components/HierarchicalFab.js

@@ -50,9 +50,13 @@ const HierarchicalFab = (0, mobx_react_1.observer)(function ({ model, }) {
     const hasConnections = (0, util_1.isSessionModelWithConnections)(session);
     const hasAddTrack = (0, util_1.isSessionWithAddTracks)(session);
     return hasAddTrack || hasConnections ? (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Fab, { color: "secondary", className: classes.fab, onClick: event => setAnchorEl(event.currentTarget) },
+        react_1.default.createElement(material_1.Fab, { color: "secondary", className: classes.fab, onClick: event => {
+                setAnchorEl(event.currentTarget);
+            } },
             react_1.default.createElement(Add_1.default, null)),
-        react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: () => setAnchorEl(null) },
+        react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: () => {
+                setAnchorEl(null);
+            } },
             hasConnections ? (react_1.default.createElement(material_1.MenuItem, { onClick: () => {
                     handleFabClose();
                     if ((0, util_1.isSessionModelWithWidgets)(session)) {

package/dist/HierarchicalTrackSelectorWidget/components/ShoppingCart.js

@@ -16,10 +16,21 @@ const ShoppingCart = (0, mobx_react_1.observer)(function ({ model, }) {
     const session = (0, util_1.getSession)(model);
     const items = pluginManager.evaluateExtensionPoint('TrackSelector-multiTrackMenuItems', [], { session });
     return selection.length ? (react_1.default.createElement(CascadingMenuButton_1.default, { menuItems: [
-            { label: 'Clear', onClick: () => model.clearSelection() },
+            {
+                label: 'Clear',
+                onClick: () => {
+                    model.clearSelection();
+                },
+            },
             ...items.map(item => ({
                 ...item,
-                ...('onClick' in item ? { onClick: () => item.onClick(model) } : {}),
+                ...('onClick' in item
+                    ? {
+                        onClick: () => {
+                            item.onClick(model);
+                        },
+                    }
+                    : {}),
             })),
         ] },
         react_1.default.createElement(material_1.Badge, { badgeContent: selection.length, color: "primary" },

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

@@ -16,12 +16,12 @@ const CloseConnectionDialog = (0, mobx_react_1.observer)(function CloseConnectio
                 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: () => onClose(), color: "primary" }, "Cancel"),
-            react_1.default.createElement(material_1.Button, { variant: "contained", onClick: modalInfo
-                    ? () => {
-                        safelyBreakConnection === null || safelyBreakConnection === void 0 ? void 0 : safelyBreakConnection();
-                        onClose();
-                    }
-                    : () => { }, color: "primary" }, "OK"))));
+            react_1.default.createElement(material_1.Button, { onClick: () => {
+                    onClose();
+                }, color: "primary" }, "Cancel"),
+            react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => {
+                    safelyBreakConnection === null || safelyBreakConnection === void 0 ? void 0 : safelyBreakConnection();
+                    onClose();
+                }, color: "primary" }, "OK"))));
 });
 exports.default = CloseConnectionDialog;

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

@@ -13,12 +13,12 @@ const DeleteConnectionDialog = (0, mobx_react_1.observer)(function DeleteConnect
         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,
-            react_1.default.createElement(material_1.Button, { onClick: () => handleClose(), color: "primary" }, "Cancel"),
+            react_1.default.createElement(material_1.Button, { onClick: () => {
+                    handleClose();
+                }, color: "primary" }, "Cancel"),
             react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", onClick: () => {
                     var _a;
-                    if (connectionConf) {
-                        (_a = session.deleteConnection) === null || _a === void 0 ? void 0 : _a.call(session, connectionConf);
-                    }
+                    (_a = session.deleteConnection) === null || _a === void 0 ? void 0 : _a.call(session, connectionConf);
                     handleClose();
                 } }, "OK"))));
 });

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

@@ -32,12 +32,16 @@ const ManageConnectionsDialog = (0, mobx_react_1.observer)(function ({ session,
                 connections.map(conf => {
                     const name = (0, configuration_1.readConfObject)(conf, 'name');
                     return (react_1.default.createElement(material_1.Typography, { key: `conn-${name}` },
-                        adminMode || (sessionConnections === null || sessionConnections === void 0 ? void 0 : sessionConnections.includes(conf)) ? (react_1.default.createElement(material_1.IconButton, { onClick: () => breakConnection(conf, true) },
+                        adminMode || (sessionConnections === null || sessionConnections === void 0 ? void 0 : sessionConnections.includes(conf)) ? (react_1.default.createElement(material_1.IconButton, { onClick: () => {
+                                breakConnection(conf, true);
+                            } },
                             react_1.default.createElement(Close_1.default, { color: "error" }))) : (react_1.default.createElement(DisabledButton, null)),
                         name));
                 }),
                 !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"))));
+            react_1.default.createElement(material_1.Button, { onClick: () => {
+                    handleClose();
+                }, variant: "contained", color: "primary" }, "Close"))));
 });
 exports.default = ManageConnectionsDialog;

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

@@ -40,7 +40,7 @@ const ConnectionRow = (0, mobx_react_1.observer)(function ConnectionRow({ conf,
 });
 const ConnectionList = (0, mobx_react_1.observer)(function ConnectionsList({ session, breakConnection, }) {
     const { classes } = useStyles();
-    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 },
+    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 })))))));
 });
 const ToggleConnectionDialog = (0, mobx_react_1.observer)(function ({ session, handleClose, breakConnection, }) {
@@ -49,6 +49,8 @@ const ToggleConnectionDialog = (0, mobx_react_1.observer)(function ({ session, h
             react_1.default.createElement(material_1.Typography, null, "Use the checkbox to turn on/off connections"),
             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"))));
+            react_1.default.createElement(material_1.Button, { onClick: () => {
+                    handleClose();
+                }, variant: "contained", color: "primary" }, "Close"))));
 });
 exports.default = ToggleConnectionDialog;

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

@@ -46,12 +46,16 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 }));
 function ClearButton({ onClick }) {
     return (react_1.default.createElement(material_1.Tooltip, { title: "Clear selection on this facet filter" },
-        react_1.default.createElement(material_1.IconButton, { onClick: () => onClick(), size: "small" },
+        react_1.default.createElement(material_1.IconButton, { onClick: () => {
+                onClick();
+            }, size: "small" },
             react_1.default.createElement(Clear_1.default, null))));
 }
 function ExpandButton({ visible, onClick, }) {
     return (react_1.default.createElement(material_1.Tooltip, { title: "Minimize/expand this facet filter" },
-        react_1.default.createElement(material_1.IconButton, { onClick: () => onClick(), size: "small" }, visible ? react_1.default.createElement(Minimize_1.default, null) : react_1.default.createElement(Add_1.default, null))));
+        react_1.default.createElement(material_1.IconButton, { onClick: () => {
+                onClick();
+            }, size: "small" }, visible ? react_1.default.createElement(Minimize_1.default, null) : react_1.default.createElement(Add_1.default, null))));
 }
 const FacetFilter = (0, mobx_react_1.observer)(function ({ column, vals, model, }) {
     const { classes } = useStyles();
@@ -62,8 +66,12 @@ const FacetFilter = (0, mobx_react_1.observer)(function ({ column, vals, model,
     return (react_1.default.createElement(material_1.FormControl, { className: classes.facet, fullWidth: true },
         react_1.default.createElement("div", null,
             react_1.default.createElement(material_1.Typography, { component: "span" }, field),
-            react_1.default.createElement(ClearButton, { onClick: () => faceted.setFilter(field, []) }),
-            react_1.default.createElement(ExpandButton, { visible: visible, onClick: () => setVisible(!visible) })),
+            react_1.default.createElement(ClearButton, { onClick: () => {
+                    faceted.setFilter(field, []);
+                } }),
+            react_1.default.createElement(ExpandButton, { visible: visible, onClick: () => {
+                    setVisible(!visible);
+                } })),
         visible ? (react_1.default.createElement(material_1.Select, { multiple: true, native: true, className: classes.select, value: filters.get(column.field) || [], onChange: event => {
                 faceted.setFilter(column.field, 
                 // @ts-expect-error

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

@@ -42,41 +42,57 @@ function FacetedHeader({ model, }) {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(material_1.Grid, { container: true, spacing: 4, alignItems: "center" },
             react_1.default.createElement(material_1.Grid, { item: true },
-                react_1.default.createElement(material_1.TextField, { label: "Search...", value: faceted.filterText, onChange: event => faceted.setFilterText(event.target.value), InputProps: {
+                react_1.default.createElement(material_1.TextField, { label: "Search...", value: faceted.filterText, onChange: event => {
+                        faceted.setFilterText(event.target.value);
+                    }, InputProps: {
                         endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
-                            react_1.default.createElement(material_1.IconButton, { onClick: () => faceted.setFilterText('') },
+                            react_1.default.createElement(material_1.IconButton, { onClick: () => {
+                                    faceted.setFilterText('');
+                                } },
                                 react_1.default.createElement(Clear_1.default, null)))),
                     } })),
             react_1.default.createElement(material_1.Grid, { item: true },
-                react_1.default.createElement(material_1.IconButton, { onClick: event => setAnchorEl(event.currentTarget) },
+                react_1.default.createElement(material_1.IconButton, { onClick: event => {
+                        setAnchorEl(event.currentTarget);
+                    } },
                     react_1.default.createElement(MoreVert_1.default, null))),
             react_1.default.createElement(material_1.Grid, { item: true },
                 react_1.default.createElement(ShoppingCart_1.default, { model: model }))),
-        react_1.default.createElement(ui_1.Menu, { anchorEl: anchorEl, open: !!anchorEl, onClose: () => setAnchorEl(null), onMenuItemClick: (_event, callback) => {
+        react_1.default.createElement(ui_1.Menu, { anchorEl: anchorEl, open: !!anchorEl, onClose: () => {
+                setAnchorEl(null);
+            }, onMenuItemClick: (_event, callback) => {
                 callback();
                 setAnchorEl(null);
             }, menuItems: [
                 {
                     label: 'Add tracks to selection instead of turning them on/off',
-                    onClick: () => faceted.setUseShoppingCart(!useShoppingCart),
+                    onClick: () => {
+                        faceted.setUseShoppingCart(!useShoppingCart);
+                    },
                     type: 'checkbox',
                     checked: useShoppingCart,
                 },
                 {
                     label: 'Show sparse metadata columns',
-                    onClick: () => faceted.setShowSparse(!showSparse),
+                    onClick: () => {
+                        faceted.setShowSparse(!showSparse);
+                    },
                     checked: showSparse,
                     type: 'checkbox',
                 },
                 {
                     label: 'Show facet filters',
-                    onClick: () => faceted.setShowFilters(!showFilters),
+                    onClick: () => {
+                        faceted.setShowFilters(!showFilters);
+                    },
                     checked: showFilters,
                     type: 'checkbox',
                 },
                 {
                     label: 'Show extra table options',
-                    onClick: () => faceted.setShowOptions(!showOptions),
+                    onClick: () => {
+                        faceted.setShowOptions(!showOptions);
+                    },
                     checked: showOptions,
                     type: 'checkbox',
                 },