@jbrowse/plugin-data-management 2.13.0 → 2.14.0

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

@@ -67,10 +67,10 @@ const FacetedSelector = (0, mobx_react_1.observer)(function FacetedSelector({ mo
             (0, util_1.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}`,
                 (0, util_1.measureGridWidth)(rows.map(r => r.metadata[e]), { maxWidth: 400, stripHTML: true }),
             ];
         })),
@@ -106,7 +106,7 @@ const FacetedSelector = (0, mobx_react_1.observer)(function FacetedSelector({ mo
                 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;
@@ -127,7 +127,11 @@ const FacetedSelector = (0, mobx_react_1.observer)(function FacetedSelector({ mo
                     height: window.innerHeight * frac,
                     width: window.innerWidth * frac - (showFilters ? panelWidth : 0),
                 } },
-                react_1.default.createElement(x_data_grid_1.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_1.default.createElement(x_data_grid_1.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/dist/HierarchicalTrackSelectorWidget/components/tree/FavoriteTracks.js

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

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

@@ -98,7 +98,9 @@ const HamburgerMenu = (0, mobx_react_1.observer)(function ({ model, }) {
                             ? [
                                 {
                                     label: 'Turn on/off connections...',
-                                    onClick: () => setConnectionToggleOpen(true),
+                                    onClick: () => {
+                                        setConnectionToggleOpen(true);
+                                    },
                                 },
                             ]
                             : []),
@@ -114,7 +116,9 @@ const HamburgerMenu = (0, mobx_react_1.observer)(function ({ model, }) {
                                 },
                                 {
                                     label: 'Delete connections...',
-                                    onClick: () => setConnectionManagerOpen(true),
+                                    onClick: () => {
+                                        setConnectionManagerOpen(true);
+                                    },
                                 },
                             ]
                             : []),
@@ -128,13 +132,17 @@ const HamburgerMenu = (0, mobx_react_1.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);
+                            },
                         },
                     ],
                 },
@@ -146,27 +154,43 @@ const HamburgerMenu = (0, mobx_react_1.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_1.default.createElement(Menu_1.default, null)),
         react_1.default.createElement(react_1.Suspense, { fallback: null },
-            modalInfo ? (react_1.default.createElement(CloseConnectionDialog, { modalInfo: modalInfo, onClose: () => setModalInfo(undefined) })) : null,
-            deleteDialogDetails ? (react_1.default.createElement(DeleteConnectionDialog, { handleClose: () => setDeleteDialogDetails(undefined), deleteDialogDetails: deleteDialogDetails, session: session })) : null,
-            connectionManagerOpen ? (react_1.default.createElement(ManageConnectionsDialog, { handleClose: () => setConnectionManagerOpen(false), breakConnection: breakConnection, session: session })) : null,
-            connectionToggleOpen ? (react_1.default.createElement(ToggleConnectionsDialog, { handleClose: () => setConnectionToggleOpen(false), session: session, breakConnection: breakConnection })) : null,
-            facetedOpen ? (react_1.default.createElement(FacetedDialog, { handleClose: () => setFacetedOpen(false), model: model })) : null)));
+            modalInfo ? (react_1.default.createElement(CloseConnectionDialog, { modalInfo: modalInfo, onClose: () => {
+                    setModalInfo(undefined);
+                } })) : null,
+            deleteDialogDetails ? (react_1.default.createElement(DeleteConnectionDialog, { handleClose: () => {
+                    setDeleteDialogDetails(undefined);
+                }, deleteDialogDetails: deleteDialogDetails, session: session })) : null,
+            connectionManagerOpen ? (react_1.default.createElement(ManageConnectionsDialog, { handleClose: () => {
+                    setConnectionManagerOpen(false);
+                }, breakConnection: breakConnection, session: session })) : null,
+            connectionToggleOpen ? (react_1.default.createElement(ToggleConnectionsDialog, { handleClose: () => {
+                    setConnectionToggleOpen(false);
+                }, session: session, breakConnection: breakConnection })) : null,
+            facetedOpen ? (react_1.default.createElement(FacetedDialog, { handleClose: () => {
+                    setFacetedOpen(false);
+                }, model: model })) : null)));
 });
 exports.default = HamburgerMenu;

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

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

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

@@ -64,7 +64,9 @@ const HierarchicalTree = (0, mobx_react_1.observer)(function HierarchicalTree({
                 model.addToRecentlyUsed(trackId);
             }
         },
-        toggleCollapse: (pathName) => model.toggleCategory(pathName),
+        toggleCollapse: (pathName) => {
+            model.toggleCategory(pathName);
+        },
         tree,
         model,
         drawerPosition,
@@ -77,6 +79,7 @@ const HierarchicalTree = (0, mobx_react_1.observer)(function HierarchicalTree({
         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;
@@ -86,6 +89,7 @@ const HierarchicalTree = (0, mobx_react_1.observer)(function HierarchicalTree({
             }
         }
     }, [tree, extra, obj]);
+    /* biome-ignore lint/correctness/useExhaustiveDependencies: */
     (0, react_1.useEffect)(() => {
         // @ts-expect-error
         treeRef.current.recomputeTree({

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

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

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

@@ -107,5 +107,7 @@ 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/dist/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.js

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

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

@@ -24,23 +24,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: StarBorderOutlined_1.default,
                 }
                 : {
                     label: 'Add to favorites',
-                    onClick: () => model.addToFavorites(trackId),
+                    onClick: () => {
+                        model.addToFavorites(trackId);
+                    },
                     icon: Star_1.default,
                 },
             {
                 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/dist/HierarchicalTrackSelectorWidget/components/tree/TrackListNode.js

@@ -43,7 +43,9 @@ function Node({ data, isOpen, style, setOpen, }) {
     const width = 10;
     const marginLeft = nestingLevel * width + (isLeaf ? width : 0);
     return (react_1.default.createElement("div", { style: style, className: !isLeaf ? classes.accordionBase : undefined },
-        new Array(nestingLevel).fill(0).map((_, idx) => (react_1.default.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_1.default.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_1.default.createElement("div", { className: !isLeaf ? classes.accordionCard : undefined, style: {
                 marginLeft,
                 whiteSpace: 'nowrap',

package/dist/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/dist/HierarchicalTrackSelectorWidget/components/util.js

@@ -8,7 +8,7 @@ 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)
         : [];
 }
 function treeToMap(tree, map = new Map()) {

package/dist/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/dist/HierarchicalTrackSelectorWidget/facetedModel.js

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

package/dist/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;
@@ -101,14 +101,41 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
         afterAttach(): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
 }, {
+    /**
+     * #volatile
+     */
     favorites: string[];
+    /**
+     * #volatile
+     */
     recentlyUsed: string[];
+    /**
+     * #volatile
+     */
     selection: AnyConfigurationModel[];
+    /**
+     * #volatile
+     */
     sortTrackNames: MaybeBoolean;
+    /**
+     * #volatile
+     */
     sortCategories: MaybeBoolean;
+    /**
+     * #volatile
+     */
     collapsed: import("mobx").ObservableMap<string, boolean>;
+    /**
+     * #volatile
+     */
     filterText: string;
+    /**
+     * #volatile
+     */
     recentlyUsedCounter: number;
+    /**
+     * #volatile
+     */
     favoritesCounter: number;
 } & {
     /**

package/dist/HierarchicalTrackSelectorWidget/model.js

@@ -82,14 +82,41 @@ function stateTreeFactory(pluginManager) {
         faceted: mobx_state_tree_1.types.optional((0, facetedModel_1.facetedStateTreeF)(), {}),
     })
         .volatile(() => ({
+        /**
+         * #volatile
+         */
         favorites: localStorageGetJSON(favoritesK(), []),
+        /**
+         * #volatile
+         */
         recentlyUsed: [],
+        /**
+         * #volatile
+         */
         selection: [],
+        /**
+         * #volatile
+         */
         sortTrackNames: localStorageGetJSON(sortTrackNamesK(), undefined),
+        /**
+         * #volatile
+         */
         sortCategories: localStorageGetJSON(sortCategoriesK(), undefined),
+        /**
+         * #volatile
+         */
         collapsed: mobx_1.observable.map(),
+        /**
+         * #volatile
+         */
         filterText: '',
+        /**
+         * #volatile
+         */
         recentlyUsedCounter: 0,
+        /**
+         * #volatile
+         */
         favoritesCounter: 0,
     }))
         .views(self => ({
@@ -337,7 +364,7 @@ function stateTreeFactory(pluginManager) {
             const { connectionInstances = [] } = (0, util_1.getSession)(self);
             return [
                 ...this.configAndSessionTrackConfigurations,
-                ...((connectionInstances === null || connectionInstances === void 0 ? void 0 : connectionInstances.flatMap(c => c.tracks)) || []),
+                ...connectionInstances.flatMap(c => c.tracks),
             ];
         },
         /**

package/dist/PluginStoreWidget/components/AddCustomPluginDialog.js

@@ -75,9 +75,15 @@ const AddCustomPluginDialog = (0, mobx_react_1.observer)(function ({ onClose, mo
         react_1.default.createElement("form", { onSubmit: handleSubmit },
             react_1.default.createElement(material_1.DialogContent, { className: classes.dialogContent },
                 react_1.default.createElement(material_1.DialogContentText, null, "Enter the name of the plugin and its URL. The name should match what is defined in the plugin's build."),
-                react_1.default.createElement(material_1.TextField, { label: "Plugin name", variant: "outlined", value: umdPluginName, onChange: event => setUMDPluginName(event.target.value) }),
-                react_1.default.createElement(material_1.TextField, { label: "Plugin URL", variant: "outlined", value: umdPluginUrl, onChange: event => setUMDPluginUrl(event.target.value) }),
-                react_1.default.createElement(material_1.DialogContentText, { onClick: () => setAdvancedOptionsOpen(!advancedOptionsOpen) },
+                react_1.default.createElement(material_1.TextField, { label: "Plugin name", variant: "outlined", value: umdPluginName, onChange: event => {
+                        setUMDPluginName(event.target.value);
+                    } }),
+                react_1.default.createElement(material_1.TextField, { label: "Plugin URL", variant: "outlined", value: umdPluginUrl, onChange: event => {
+                        setUMDPluginUrl(event.target.value);
+                    } }),
+                react_1.default.createElement(material_1.DialogContentText, { onClick: () => {
+                        setAdvancedOptionsOpen(!advancedOptionsOpen);
+                    } },
                     react_1.default.createElement(IconButton_1.default, { className: cx(classes.expand, {
                             [classes.expandOpen]: advancedOptionsOpen,
                         }), "aria-expanded": advancedOptionsOpen, "aria-label": "show more" },
@@ -86,8 +92,12 @@ const AddCustomPluginDialog = (0, mobx_react_1.observer)(function ({ onClose, mo
                 react_1.default.createElement(material_1.Collapse, { in: advancedOptionsOpen },
                     react_1.default.createElement("div", { className: classes.dialogContent },
                         react_1.default.createElement(material_1.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_1.default.createElement(material_1.TextField, { label: "ESM build URL", variant: "outlined", value: esmPluginUrl, onChange: event => setESMPluginUrl(event.target.value) }),
-                        react_1.default.createElement(material_1.TextField, { label: "CJS build URL", variant: "outlined", value: cjsPluginUrl, onChange: event => setCJSPluginUrl(event.target.value) })))),
+                        react_1.default.createElement(material_1.TextField, { label: "ESM build URL", variant: "outlined", value: esmPluginUrl, onChange: event => {
+                                setESMPluginUrl(event.target.value);
+                            } }),
+                        react_1.default.createElement(material_1.TextField, { label: "CJS build URL", variant: "outlined", value: cjsPluginUrl, onChange: event => {
+                                setCJSPluginUrl(event.target.value);
+                            } })))),
             react_1.default.createElement(material_1.DialogActions, null,
                 react_1.default.createElement(material_1.Button, { variant: "contained", onClick: onClose }, "Cancel"),
                 react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", onClick: handleSubmit, disabled: !ready }, "Submit")))));

package/dist/PluginStoreWidget/components/DeletePluginDialog.js

@@ -8,7 +8,9 @@ const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
 const ui_1 = require("@jbrowse/core/ui");
 function DeletePluginDialog({ onClose, plugin, }) {
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: () => onClose(), title: `Remove ${plugin}` },
+    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: () => {
+            onClose();
+        }, title: `Remove ${plugin}` },
         react_1.default.createElement(material_1.DialogContent, null,
             react_1.default.createElement(material_1.Typography, null,
                 "Please confirm that you want to remove ",

package/dist/PluginStoreWidget/components/InstalledPlugin.js

@@ -47,13 +47,12 @@ function LockedPlugin() {
         react_1.default.createElement(Lock_1.default, null)));
 }
 const InstalledPlugin = (0, mobx_react_1.observer)(function ({ plugin, model, }) {
-    var _a;
     const [dialogPlugin, setDialogPlugin] = (0, react_1.useState)();
     const { pluginManager } = (0, util_1.getEnv)(model);
     const session = (0, util_1.getSession)(model);
     const { jbrowse, adminMode } = session;
     const isSessionPlugin = (0, types_1.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_1.default.createElement(react_1.default.Fragment, null,
         dialogPlugin ? (react_1.default.createElement(react_1.Suspense, { fallback: null },
@@ -70,7 +69,9 @@ const InstalledPlugin = (0, mobx_react_1.observer)(function ({ plugin, model, })
                     setDialogPlugin(undefined);
                 } }))) : null,
         react_1.default.createElement(material_1.ListItem, { key: plugin.name },
-            adminMode || isSessionPlugin ? (react_1.default.createElement(material_1.IconButton, { "data-testid": `removePlugin-${plugin.name}`, onClick: () => setDialogPlugin(plugin.name) },
+            adminMode || isSessionPlugin ? (react_1.default.createElement(material_1.IconButton, { "data-testid": `removePlugin-${plugin.name}`, onClick: () => {
+                    setDialogPlugin(plugin.name);
+                } },
                 react_1.default.createElement(Close_1.default, null))) : (react_1.default.createElement(LockedPlugin, null)),
             react_1.default.createElement(material_1.Typography, null, plugin.name))));
 });

package/dist/PluginStoreWidget/components/PluginCard.js

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

package/dist/PluginStoreWidget/components/PluginStoreWidget.js

@@ -73,12 +73,20 @@ const PluginStoreWidget = (0, mobx_react_1.observer)(function ({ model, }) {
                     "You are using the ",
                     react_1.default.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_1.default.createElement(material_1.Button, { className: classes.customPluginButton, variant: "contained", onClick: () => setOpen(true) }, "Add custom plugin"),
+            react_1.default.createElement(material_1.Button, { className: classes.customPluginButton, variant: "contained", onClick: () => {
+                    setOpen(true);
+                } }, "Add custom plugin"),
             open ? (react_1.default.createElement(react_1.Suspense, { fallback: null },
-                react_1.default.createElement(AddCustomPluginDialog, { onClose: () => setOpen(false), model: model }))) : null)),
-        react_1.default.createElement(material_1.TextField, { label: "Filter plugins", value: model.filterText, onChange: event => model.setFilterText(event.target.value), fullWidth: true, InputProps: {
+                react_1.default.createElement(AddCustomPluginDialog, { onClose: () => {
+                        setOpen(false);
+                    }, model: model }))) : null)),
+        react_1.default.createElement(material_1.TextField, { label: "Filter plugins", value: model.filterText, onChange: event => {
+                model.setFilterText(event.target.value);
+            }, fullWidth: true, InputProps: {
                 endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
-                    react_1.default.createElement(material_1.IconButton, { onClick: () => model.clearFilterText() },
+                    react_1.default.createElement(material_1.IconButton, { onClick: () => {
+                            model.clearFilterText();
+                        } },
                         react_1.default.createElement(Clear_1.default, null)))),
             } }),
         react_1.default.createElement(material_1.Accordion, { defaultExpanded: true },

package/dist/PluginStoreWidget/model.d.ts

@@ -6,7 +6,13 @@ export default function stateModelFactory(pluginManager: PluginManager): import(
     filterText: import("mobx-state-tree").IType<string | undefined, string, string>;
     view: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
 }, {
+    /**
+     * #action
+     */
     clearFilterText(): void;
+    /**
+     * #action
+     */
     setFilterText(newText: string): void;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export type PluginStoreStateModel = ReturnType<typeof stateModelFactory>;

package/dist/PluginStoreWidget/model.js

@@ -6,15 +6,33 @@ const mst_1 = require("@jbrowse/core/util/types/mst");
 function stateModelFactory(pluginManager) {
     return mobx_state_tree_1.types
         .model('PluginStoreModel', {
+        /**
+         * #property
+         */
         id: mst_1.ElementId,
+        /**
+         * #property
+         */
         type: mobx_state_tree_1.types.literal('PluginStoreWidget'),
+        /**
+         * #property
+         */
         filterText: '',
+        /**
+         * #property
+         */
         view: mobx_state_tree_1.types.safeReference(pluginManager.pluggableMstType('view', 'stateModel')),
     })
         .actions(self => ({
+        /**
+         * #action
+         */
         clearFilterText() {
             self.filterText = '';
         },
+        /**
+         * #action
+         */
         setFilterText(newText) {
             self.filterText = newText;
         },

package/dist/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/dist/ucsc-trackhub/doConnect.js

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