@jbrowse/plugin-data-management 2.13.1 → 2.14.0

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

@@ -13,41 +13,57 @@ export default function FacetedHeader({ model, }) {
     return (React.createElement(React.Fragment, null,
         React.createElement(Grid, { container: true, spacing: 4, alignItems: "center" },
             React.createElement(Grid, { item: true },
-                React.createElement(TextField, { label: "Search...", value: faceted.filterText, onChange: event => faceted.setFilterText(event.target.value), InputProps: {
+                React.createElement(TextField, { label: "Search...", value: faceted.filterText, onChange: event => {
+                        faceted.setFilterText(event.target.value);
+                    }, InputProps: {
                         endAdornment: (React.createElement(InputAdornment, { position: "end" },
-                            React.createElement(IconButton, { onClick: () => faceted.setFilterText('') },
+                            React.createElement(IconButton, { onClick: () => {
+                                    faceted.setFilterText('');
+                                } },
                                 React.createElement(ClearIcon, null)))),
                     } })),
             React.createElement(Grid, { item: true },
-                React.createElement(IconButton, { onClick: event => setAnchorEl(event.currentTarget) },
+                React.createElement(IconButton, { onClick: event => {
+                        setAnchorEl(event.currentTarget);
+                    } },
                     React.createElement(MoreVert, null))),
             React.createElement(Grid, { item: true },
                 React.createElement(ShoppingCart, { model: model }))),
-        React.createElement(Menu, { anchorEl: anchorEl, open: !!anchorEl, onClose: () => setAnchorEl(null), onMenuItemClick: (_event, callback) => {
+        React.createElement(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',
                 },

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

@@ -39,10 +39,10 @@ const FacetedSelector = observer(function FacetedSelector({ model, }) {
             measureGridWidth(rows.map(r => r[e]), { maxWidth: 400, stripHTML: true }),
         ])),
         ...Object.fromEntries(filteredMetadataKeys
-            .filter(f => visible['metadata.' + f])
+            .filter(f => visible[`metadata.${f}`])
             .map(e => {
             return [
-                'metadata.' + e,
+                `metadata.${e}`,
                 measureGridWidth(rows.map(r => r.metadata[e]), { maxWidth: 400, stripHTML: true }),
             ];
         })),
@@ -78,7 +78,7 @@ const FacetedSelector = observer(function FacetedSelector({ model, }) {
                 headerName: ['name', ...filteredNonMetadataKeys].includes(e)
                     ? `${e} (from metadata)`
                     : e,
-                width: (_a = widths['metadata.' + e]) !== null && _a !== void 0 ? _a : 100,
+                width: (_a = widths[`metadata.${e}`]) !== null && _a !== void 0 ? _a : 100,
                 valueGetter: (_, row) => { var _a; return `${(_a = row.metadata[e]) !== null && _a !== void 0 ? _a : ''}`; },
                 renderCell: params => {
                     const val = params.value;
@@ -99,7 +99,11 @@ const FacetedSelector = observer(function FacetedSelector({ model, }) {
                     height: window.innerHeight * frac,
                     width: window.innerWidth * frac - (showFilters ? panelWidth : 0),
                 } },
-                React.createElement(DataGrid, { rows: filteredRows, onColumnWidthChange: arg => setWidths({ ...widths, [arg.colDef.field]: arg.width }), columnVisibilityModel: visible, onColumnVisibilityModelChange: n => faceted.setVisible(n), columnHeaderHeight: 35, checkboxSelection: true, disableRowSelectionOnClick: true, keepNonExistentRowsSelected: true, onRowSelectionModelChange: userSelectedIds => {
+                React.createElement(DataGrid, { rows: filteredRows, onColumnWidthChange: arg => {
+                        setWidths({ ...widths, [arg.colDef.field]: arg.width });
+                    }, columnVisibilityModel: visible, onColumnVisibilityModelChange: n => {
+                        faceted.setVisible(n);
+                    }, columnHeaderHeight: 35, checkboxSelection: true, disableRowSelectionOnClick: true, keepNonExistentRowsSelected: true, onRowSelectionModelChange: userSelectedIds => {
                         if (!useShoppingCart) {
                             const a1 = shownTrackIds;
                             const a2 = new Set(userSelectedIds);

package/esm/HierarchicalTrackSelectorWidget/components/tree/FavoriteTracks.js

@@ -16,12 +16,16 @@ const useStyles = makeStyles()({
 const FavoriteTracks = observer(function ({ model, }) {
     const { classes } = useStyles();
     const { view, favoriteTracks } = model;
-    return view ? (React.createElement(DropdownTrackSelector, { onClick: () => model.setFavoritesCounter(0), tracks: favoriteTracks, model: model, extraMenuItems: favoriteTracks.length
+    return view ? (React.createElement(DropdownTrackSelector, { onClick: () => {
+            model.setFavoritesCounter(0);
+        }, tracks: favoriteTracks, model: model, extraMenuItems: favoriteTracks.length
             ? [
                 { type: 'divider' },
                 {
                     label: 'Clear favorites',
-                    onClick: () => model.clearFavorites(),
+                    onClick: () => {
+                        model.clearFavorites();
+                    },
                 },
             ]
             : [

package/esm/HierarchicalTrackSelectorWidget/components/tree/HamburgerMenu.js

@@ -70,7 +70,9 @@ const HamburgerMenu = observer(function ({ model, }) {
                             ? [
                                 {
                                     label: 'Turn on/off connections...',
-                                    onClick: () => setConnectionToggleOpen(true),
+                                    onClick: () => {
+                                        setConnectionToggleOpen(true);
+                                    },
                                 },
                             ]
                             : []),
@@ -86,7 +88,9 @@ const HamburgerMenu = observer(function ({ model, }) {
                                 },
                                 {
                                     label: 'Delete connections...',
-                                    onClick: () => setConnectionManagerOpen(true),
+                                    onClick: () => {
+                                        setConnectionManagerOpen(true);
+                                    },
                                 },
                             ]
                             : []),
@@ -100,13 +104,17 @@ const HamburgerMenu = observer(function ({ model, }) {
                             label: 'Sort tracks by name',
                             type: 'checkbox',
                             checked: model.activeSortTrackNames,
-                            onClick: () => model.setSortTrackNames(!model.activeSortTrackNames),
+                            onClick: () => {
+                                model.setSortTrackNames(!model.activeSortTrackNames);
+                            },
                         },
                         {
                             label: 'Sort categories by name',
                             type: 'checkbox',
                             checked: model.activeSortCategories,
-                            onClick: () => model.setSortCategories(!model.activeSortCategories),
+                            onClick: () => {
+                                model.setSortCategories(!model.activeSortCategories);
+                            },
                         },
                     ],
                 },
@@ -118,27 +126,43 @@ const HamburgerMenu = observer(function ({ model, }) {
                             ? [
                                 {
                                     label: 'Collapse subcategories',
-                                    onClick: () => model.collapseSubCategories(),
+                                    onClick: () => {
+                                        model.collapseSubCategories();
+                                    },
                                 },
                             ]
                             : []),
                         {
                             label: 'Collapse top-level categories',
-                            onClick: () => model.collapseTopLevelCategories(),
+                            onClick: () => {
+                                model.collapseTopLevelCategories();
+                            },
                         },
                         {
                             label: 'Expand all categories',
-                            onClick: () => model.expandAllCategories(),
+                            onClick: () => {
+                                model.expandAllCategories();
+                            },
                         },
                     ],
                 },
             ] },
             React.createElement(MenuIcon, null)),
         React.createElement(Suspense, { fallback: null },
-            modalInfo ? (React.createElement(CloseConnectionDialog, { modalInfo: modalInfo, onClose: () => setModalInfo(undefined) })) : null,
-            deleteDialogDetails ? (React.createElement(DeleteConnectionDialog, { handleClose: () => setDeleteDialogDetails(undefined), deleteDialogDetails: deleteDialogDetails, session: session })) : null,
-            connectionManagerOpen ? (React.createElement(ManageConnectionsDialog, { handleClose: () => setConnectionManagerOpen(false), breakConnection: breakConnection, session: session })) : null,
-            connectionToggleOpen ? (React.createElement(ToggleConnectionsDialog, { handleClose: () => setConnectionToggleOpen(false), session: session, breakConnection: breakConnection })) : null,
-            facetedOpen ? (React.createElement(FacetedDialog, { handleClose: () => setFacetedOpen(false), model: model })) : null)));
+            modalInfo ? (React.createElement(CloseConnectionDialog, { modalInfo: modalInfo, onClose: () => {
+                    setModalInfo(undefined);
+                } })) : null,
+            deleteDialogDetails ? (React.createElement(DeleteConnectionDialog, { handleClose: () => {
+                    setDeleteDialogDetails(undefined);
+                }, deleteDialogDetails: deleteDialogDetails, session: session })) : null,
+            connectionManagerOpen ? (React.createElement(ManageConnectionsDialog, { handleClose: () => {
+                    setConnectionManagerOpen(false);
+                }, breakConnection: breakConnection, session: session })) : null,
+            connectionToggleOpen ? (React.createElement(ToggleConnectionsDialog, { handleClose: () => {
+                    setConnectionToggleOpen(false);
+                }, session: session, breakConnection: breakConnection })) : null,
+            facetedOpen ? (React.createElement(FacetedDialog, { handleClose: () => {
+                    setFacetedOpen(false);
+                }, model: model })) : null)));
 });
 export default HamburgerMenu;

package/esm/HierarchicalTrackSelectorWidget/components/tree/HierarchicalHeader.js

@@ -16,14 +16,20 @@ const useStyles = makeStyles()(theme => ({
 const SearchTracksTextField = observer(function ({ model, }) {
     const { filterText } = model;
     const { classes } = useStyles();
-    return (React.createElement(TextField, { className: classes.searchBox, label: "Filter tracks", value: filterText, onChange: event => model.setFilterText(event.target.value), fullWidth: true, InputProps: {
+    return (React.createElement(TextField, { className: classes.searchBox, label: "Filter tracks", value: filterText, onChange: event => {
+            model.setFilterText(event.target.value);
+        }, fullWidth: true, InputProps: {
             endAdornment: (React.createElement(InputAdornment, { position: "end" },
-                React.createElement(IconButton, { onClick: () => model.clearFilterText() },
+                React.createElement(IconButton, { onClick: () => {
+                        model.clearFilterText();
+                    } },
                     React.createElement(ClearIcon, null)))),
         } }));
 });
 const HierarchicalTrackSelectorHeader = observer(function ({ model, setHeaderHeight, }) {
-    return (React.createElement("div", { ref: ref => setHeaderHeight((ref === null || ref === void 0 ? void 0 : ref.getBoundingClientRect().height) || 0), "data-testid": "hierarchical_track_selector" },
+    return (React.createElement("div", { ref: ref => {
+            setHeaderHeight((ref === null || ref === void 0 ? void 0 : ref.getBoundingClientRect().height) || 0);
+        }, "data-testid": "hierarchical_track_selector" },
         React.createElement("div", { style: { display: 'flex' } },
             React.createElement(HamburgerMenu, { model: model }),
             React.createElement(ShoppingCart, { model: model }),

package/esm/HierarchicalTrackSelectorWidget/components/tree/HierarchicalTree.js

@@ -36,7 +36,9 @@ const HierarchicalTree = observer(function HierarchicalTree({ height, tree, mode
                 model.addToRecentlyUsed(trackId);
             }
         },
-        toggleCollapse: (pathName) => model.toggleCategory(pathName),
+        toggleCollapse: (pathName) => {
+            model.toggleCategory(pathName);
+        },
         tree,
         model,
         drawerPosition,
@@ -49,6 +51,7 @@ const HierarchicalTree = observer(function HierarchicalTree({ height, tree, mode
         for (const child of tree.children) {
             yield getNodeData(child, 0, extra, obj);
         }
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         while (true) {
             // @ts-expect-error
             const parentMeta = yield;
@@ -58,6 +61,7 @@ const HierarchicalTree = observer(function HierarchicalTree({ height, tree, mode
             }
         }
     }, [tree, extra, obj]);
+    /* biome-ignore lint/correctness/useExhaustiveDependencies: */
     useEffect(() => {
         // @ts-expect-error
         treeRef.current.recomputeTree({

package/esm/HierarchicalTrackSelectorWidget/components/tree/RecentlyUsedTracks.js

@@ -13,12 +13,16 @@ const useStyles = makeStyles()({
 const RecentlyUsedTracks = observer(function ({ model, }) {
     const { classes } = useStyles();
     const { view, recentlyUsedCounter, recentlyUsedTracks } = model;
-    return view ? (React.createElement(DropdownTrackSelector, { onClick: () => model.setRecentlyUsedCounter(0), model: model, tracks: recentlyUsedTracks, extraMenuItems: recentlyUsedTracks.length
+    return view ? (React.createElement(DropdownTrackSelector, { onClick: () => {
+            model.setRecentlyUsedCounter(0);
+        }, model: model, tracks: recentlyUsedTracks, extraMenuItems: recentlyUsedTracks.length
             ? [
                 { type: 'divider' },
                 {
                     label: 'Clear recently used',
-                    onClick: () => model.clearRecentlyUsed(),
+                    onClick: () => {
+                        model.clearRecentlyUsed();
+                    },
                 },
             ]
             : [

package/esm/HierarchicalTrackSelectorWidget/components/tree/TrackCategory.js

@@ -78,5 +78,7 @@ export default function Category({ isOpen, setOpen, data, }) {
             ], onMenuItemClick: (_event, callback) => {
                 callback();
                 setMenuEl(null);
-            }, open: Boolean(menuEl), onClose: () => setMenuEl(null) })) : null));
+            }, open: Boolean(menuEl), onClose: () => {
+                setMenuEl(null);
+            } })) : null));
 }

package/esm/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.js

@@ -23,10 +23,12 @@ const useStyles = makeStyles()(theme => ({
 export default function TrackLabel({ data }) {
     const { classes } = useStyles();
     const { checked, conf, model, drawerPosition, id, trackId, name, onChange, selected, } = data;
-    const description = (conf && readConfObject(conf, 'description')) || '';
+    const description = readConfObject(conf, 'description');
     return (React.createElement(React.Fragment, null,
         React.createElement(Tooltip, { title: description + (selected ? ' (in selection)' : ''), placement: drawerPosition === 'left' ? 'right' : 'left' },
-            React.createElement(FormControlLabel, { className: classes.checkboxLabel, control: React.createElement(Checkbox, { className: classes.compactCheckbox, checked: checked, onChange: () => onChange(trackId), disabled: isUnsupported(name), inputProps: {
+            React.createElement(FormControlLabel, { className: classes.checkboxLabel, control: React.createElement(Checkbox, { className: classes.compactCheckbox, checked: checked, onChange: () => {
+                        onChange(trackId);
+                    }, disabled: isUnsupported(name), inputProps: {
                         // @ts-expect-error
                         'data-testid': `htsTrackEntry-${id}`,
                     } }), label: React.createElement("div", { "data-testid": `htsTrackLabel-${id}`, style: { background: selected ? '#cccc' : undefined } },

package/esm/HierarchicalTrackSelectorWidget/components/tree/TrackLabelMenu.js

@@ -19,23 +19,31 @@ const TrackLabelMenu = function ({ id, trackId, stopPropagation, model, setOpen,
             model.isFavorite(trackId)
                 ? {
                     label: 'Remove from favorites',
-                    onClick: () => model.removeFromFavorites(trackId),
+                    onClick: () => {
+                        model.removeFromFavorites(trackId);
+                    },
                     icon: StarIcon,
                 }
                 : {
                     label: 'Add to favorites',
-                    onClick: () => model.addToFavorites(trackId),
+                    onClick: () => {
+                        model.addToFavorites(trackId);
+                    },
                     icon: FilledStarIcon,
                 },
             {
                 label: 'Add to selection',
-                onClick: () => model.addToSelection([conf]),
+                onClick: () => {
+                    model.addToSelection([conf]);
+                },
             },
             ...(model.isSelected(conf)
                 ? [
                     {
                         label: 'Remove from selection',
-                        onClick: () => model.removeFromSelection([conf]),
+                        onClick: () => {
+                            model.removeFromSelection([conf]);
+                        },
                     },
                 ]
                 : []),

package/esm/HierarchicalTrackSelectorWidget/components/tree/TrackListNode.js

@@ -37,7 +37,9 @@ export default function Node({ data, isOpen, style, setOpen, }) {
     const width = 10;
     const marginLeft = nestingLevel * width + (isLeaf ? width : 0);
     return (React.createElement("div", { style: style, className: !isLeaf ? classes.accordionBase : undefined },
-        new Array(nestingLevel).fill(0).map((_, idx) => (React.createElement("div", { key: `mark-${idx}`, style: { left: idx * width + 4, height: style === null || style === void 0 ? void 0 : style.height }, className: classes.nestingLevelMarker }))),
+        new Array(nestingLevel).fill(0).map((_, idx) => (React.createElement("div", { 
+            /* biome-ignore lint/suspicious/noArrayIndexKey: */
+            key: `mark-${idx}`, style: { left: idx * width + 4, height: style === null || style === void 0 ? void 0 : style.height }, className: classes.nestingLevelMarker }))),
         React.createElement("div", { className: !isLeaf ? classes.accordionCard : undefined, style: {
                 marginLeft,
                 whiteSpace: 'nowrap',

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

@@ -11,7 +11,7 @@ export interface NodeData {
     trackId: string;
     isLeaf: boolean;
     name: string;
-    onChange: Function;
+    onChange: (trackId: string) => void;
     toggleCollapse: (arg: string) => void;
     tree: TreeNode;
     selected: boolean;

package/esm/HierarchicalTrackSelectorWidget/components/util.js

@@ -3,7 +3,7 @@ export function getAllChildren(subtree) {
     return (subtree === null || subtree === void 0 ? void 0 : subtree.type) === 'category'
         ? subtree.children
             .map(t => (t.type === 'category' ? getAllChildren(t) : t.conf))
-            .flat(Infinity)
+            .flat(Number.POSITIVE_INFINITY)
         : [];
 }
 export function treeToMap(tree, map = new Map()) {

package/esm/HierarchicalTrackSelectorWidget/facetedModel.d.ts

@@ -35,7 +35,7 @@ export declare function facetedStateTreeF(): import("mobx-state-tree").IModelTyp
     /**
      * #action
      */
-    setPanelWidth(width: number): void;
+    setPanelWidth(width: number): number;
     /**
      * #action
      */

package/esm/HierarchicalTrackSelectorWidget/facetedModel.js

@@ -51,6 +51,7 @@ export function facetedStateTreeF() {
          */
         setPanelWidth(width) {
             self.panelWidth = width;
+            return self.panelWidth;
         },
         /**
          * #action

package/esm/HierarchicalTrackSelectorWidget/model.d.ts

@@ -34,7 +34,7 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
         filters: import("mobx").ObservableMap<string, string[]>;
     } & {
         setFilter(key: string, value: string[]): void;
-        setPanelWidth(width: number): void;
+        setPanelWidth(width: number): number;
         setUseShoppingCart(f: boolean): void;
         setFilterText(str: string): void;
         setShowSparse(f: boolean): void;

package/esm/HierarchicalTrackSelectorWidget/model.js

@@ -361,7 +361,7 @@ export default function stateTreeFactory(pluginManager) {
             const { connectionInstances = [] } = getSession(self);
             return [
                 ...this.configAndSessionTrackConfigurations,
-                ...((connectionInstances === null || connectionInstances === void 0 ? void 0 : connectionInstances.flatMap(c => c.tracks)) || []),
+                ...connectionInstances.flatMap(c => c.tracks),
             ];
         },
         /**

package/esm/PluginStoreWidget/components/AddCustomPluginDialog.js

@@ -47,9 +47,15 @@ const AddCustomPluginDialog = observer(function ({ onClose, model, }) {
         React.createElement("form", { onSubmit: handleSubmit },
             React.createElement(DialogContent, { className: classes.dialogContent },
                 React.createElement(DialogContentText, null, "Enter the name of the plugin and its URL. The name should match what is defined in the plugin's build."),
-                React.createElement(TextField, { label: "Plugin name", variant: "outlined", value: umdPluginName, onChange: event => setUMDPluginName(event.target.value) }),
-                React.createElement(TextField, { label: "Plugin URL", variant: "outlined", value: umdPluginUrl, onChange: event => setUMDPluginUrl(event.target.value) }),
-                React.createElement(DialogContentText, { onClick: () => setAdvancedOptionsOpen(!advancedOptionsOpen) },
+                React.createElement(TextField, { label: "Plugin name", variant: "outlined", value: umdPluginName, onChange: event => {
+                        setUMDPluginName(event.target.value);
+                    } }),
+                React.createElement(TextField, { label: "Plugin URL", variant: "outlined", value: umdPluginUrl, onChange: event => {
+                        setUMDPluginUrl(event.target.value);
+                    } }),
+                React.createElement(DialogContentText, { onClick: () => {
+                        setAdvancedOptionsOpen(!advancedOptionsOpen);
+                    } },
                     React.createElement(IconButton, { className: cx(classes.expand, {
                             [classes.expandOpen]: advancedOptionsOpen,
                         }), "aria-expanded": advancedOptionsOpen, "aria-label": "show more" },
@@ -58,8 +64,12 @@ const AddCustomPluginDialog = observer(function ({ onClose, model, }) {
                 React.createElement(Collapse, { in: advancedOptionsOpen },
                     React.createElement("div", { className: classes.dialogContent },
                         React.createElement(DialogContentText, null, "The above fields assume that the plugin is built in UMD format. If your plugin is in another format, or you have additional builds you want to add (such as a CJS build for using NodeJS APIs in desktop), you can enter the URLs for those builds below."),
-                        React.createElement(TextField, { label: "ESM build URL", variant: "outlined", value: esmPluginUrl, onChange: event => setESMPluginUrl(event.target.value) }),
-                        React.createElement(TextField, { label: "CJS build URL", variant: "outlined", value: cjsPluginUrl, onChange: event => setCJSPluginUrl(event.target.value) })))),
+                        React.createElement(TextField, { label: "ESM build URL", variant: "outlined", value: esmPluginUrl, onChange: event => {
+                                setESMPluginUrl(event.target.value);
+                            } }),
+                        React.createElement(TextField, { label: "CJS build URL", variant: "outlined", value: cjsPluginUrl, onChange: event => {
+                                setCJSPluginUrl(event.target.value);
+                            } })))),
             React.createElement(DialogActions, null,
                 React.createElement(Button, { variant: "contained", onClick: onClose }, "Cancel"),
                 React.createElement(Button, { variant: "contained", color: "primary", onClick: handleSubmit, disabled: !ready }, "Submit")))));

package/esm/PluginStoreWidget/components/DeletePluginDialog.js

@@ -2,7 +2,9 @@ import React from 'react';
 import { Button, DialogActions, DialogContent, Typography } from '@mui/material';
 import { Dialog } from '@jbrowse/core/ui';
 export default function DeletePluginDialog({ onClose, plugin, }) {
-    return (React.createElement(Dialog, { open: true, onClose: () => onClose(), title: `Remove ${plugin}` },
+    return (React.createElement(Dialog, { open: true, onClose: () => {
+            onClose();
+        }, title: `Remove ${plugin}` },
         React.createElement(DialogContent, null,
             React.createElement(Typography, null,
                 "Please confirm that you want to remove ",
@@ -16,5 +18,7 @@ export default function DeletePluginDialog({ onClose, plugin, }) {
                         onClose(plugin);
                     }, 500);
                 } }, "Confirm"),
-            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => onClose() }, "Cancel"))));
+            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => {
+                    onClose();
+                } }, "Cancel"))));
 }

package/esm/PluginStoreWidget/components/InstalledPlugin.js

@@ -19,13 +19,12 @@ function LockedPlugin() {
         React.createElement(LockIcon, null)));
 }
 const InstalledPlugin = observer(function ({ plugin, model, }) {
-    var _a;
     const [dialogPlugin, setDialogPlugin] = useState();
     const { pluginManager } = getEnv(model);
     const session = getSession(model);
     const { jbrowse, adminMode } = session;
     const isSessionPlugin = isSessionWithSessionPlugins(session)
-        ? (_a = session.sessionPlugins) === null || _a === void 0 ? void 0 : _a.some(p => pluginManager.pluginMetadata[plugin.name].url === p.url)
+        ? session.sessionPlugins.some(p => { var _a; return ((_a = pluginManager.pluginMetadata[plugin.name]) === null || _a === void 0 ? void 0 : _a.url) === p.url; })
         : false;
     return (React.createElement(React.Fragment, null,
         dialogPlugin ? (React.createElement(Suspense, { fallback: null },
@@ -42,7 +41,9 @@ const InstalledPlugin = observer(function ({ plugin, model, }) {
                     setDialogPlugin(undefined);
                 } }))) : null,
         React.createElement(ListItem, { key: plugin.name },
-            adminMode || isSessionPlugin ? (React.createElement(IconButton, { "data-testid": `removePlugin-${plugin.name}`, onClick: () => setDialogPlugin(plugin.name) },
+            adminMode || isSessionPlugin ? (React.createElement(IconButton, { "data-testid": `removePlugin-${plugin.name}`, onClick: () => {
+                    setDialogPlugin(plugin.name);
+                } },
                 React.createElement(CloseIcon, null))) : (React.createElement(LockedPlugin, null)),
             React.createElement(Typography, null, plugin.name))));
 });

package/esm/PluginStoreWidget/components/PluginCard.js

@@ -30,10 +30,10 @@ const PluginCard = observer(function PluginCard({ plugin, model, adminMode, }) {
     const session = getSession(model);
     const { pluginManager } = getEnv(model);
     const { runtimePluginDefinitions } = pluginManager;
+    // @ts-expect-error
     const isInstalled = runtimePluginDefinitions.some(d => d.url === plugin.url);
     const [tempDisabled, setTempDisabled] = useState(false);
     const disableButton = isInstalled || tempDisabled;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const rootModel = getParent(model, 3);
     const { jbrowse } = rootModel;
     return (React.createElement(Card, { variant: "outlined", key: plugin.name, className: classes.card },

package/esm/PluginStoreWidget/components/PluginStoreWidget.js

@@ -45,12 +45,20 @@ const PluginStoreWidget = observer(function ({ model, }) {
                     "You are using the ",
                     React.createElement("code", null, "admin-server"),
                     ". Any changes you make will be saved to your configuration file. You also have the ability to add custom plugins that are not in the store."))),
-            React.createElement(Button, { className: classes.customPluginButton, variant: "contained", onClick: () => setOpen(true) }, "Add custom plugin"),
+            React.createElement(Button, { className: classes.customPluginButton, variant: "contained", onClick: () => {
+                    setOpen(true);
+                } }, "Add custom plugin"),
             open ? (React.createElement(Suspense, { fallback: null },
-                React.createElement(AddCustomPluginDialog, { onClose: () => setOpen(false), model: model }))) : null)),
-        React.createElement(TextField, { label: "Filter plugins", value: model.filterText, onChange: event => model.setFilterText(event.target.value), fullWidth: true, InputProps: {
+                React.createElement(AddCustomPluginDialog, { onClose: () => {
+                        setOpen(false);
+                    }, model: model }))) : null)),
+        React.createElement(TextField, { label: "Filter plugins", value: model.filterText, onChange: event => {
+                model.setFilterText(event.target.value);
+            }, fullWidth: true, InputProps: {
                 endAdornment: (React.createElement(InputAdornment, { position: "end" },
-                    React.createElement(IconButton, { onClick: () => model.clearFilterText() },
+                    React.createElement(IconButton, { onClick: () => {
+                            model.clearFilterText();
+                        } },
                         React.createElement(ClearIcon, null)))),
             } }),
         React.createElement(Accordion, { defaultExpanded: true },

package/esm/ucsc-trackhub/doConnect.d.ts

@@ -1 +1,5 @@
-export declare function doConnect(self: any): Promise<void>;
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+export declare function doConnect(self: {
+    configuration: AnyConfigurationModel;
+    addTrackConfs: (arg: Record<string, unknown>[]) => void;
+}): Promise<void>;

package/esm/ucsc-trackhub/doConnect.js

@@ -7,7 +7,6 @@ import { nanoid } from '@jbrowse/core/util/nanoid';
 function resolve(uri, baseUri) {
     return new URL(uri, baseUri).href;
 }
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export async function doConnect(self) {
     var _a;
     const session = getSession(self);

package/esm/ucsc-trackhub/model.d.ts

@@ -56,9 +56,29 @@ export default function UCSCTrackHubConnection(pluginManager: PluginManager): im
     connect(_arg: import("@jbrowse/core/configuration").AnyConfigurationModel): void;
 } & {
     afterAttach(): void;
-    addTrackConf(trackConf: import("@jbrowse/core/configuration").AnyConfigurationModel): any;
-    addTrackConfs(trackConfs: import("@jbrowse/core/configuration").AnyConfigurationModel[]): any[];
-    setTrackConfs(trackConfs: import("@jbrowse/core/configuration").AnyConfigurationModel[]): import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IAnyModelType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyModelType>>;
+    addTrackConf(trackConf: ({
+        [x: string]: any;
+    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+        setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
+            [x: string]: any;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
+                [x: string]: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & any & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>);
+        } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>);
+    } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>) | Record<string, unknown>): any;
+    addTrackConfs(trackConfs: (({
+        [x: string]: any;
+    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+        setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
+            [x: string]: any;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
+                [x: string]: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & any & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>);
+        } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>);
+    } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>) | Record<string, unknown>)[]): void;
+    setTrackConfs(trackConfs: import("@jbrowse/core/configuration").AnyConfigurationModel[]): void;
     clear(): void;
 } & {
     /**