@jbrowse/plugin-data-management 2.13.0 → 2.14.0

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

@@ -27,12 +27,16 @@ const ManageConnectionsDialog = observer(function ({ session, handleClose, break
                 connections.map(conf => {
                     const name = readConfObject(conf, 'name');
                     return (React.createElement(Typography, { key: `conn-${name}` },
-                        adminMode || (sessionConnections === null || sessionConnections === void 0 ? void 0 : sessionConnections.includes(conf)) ? (React.createElement(IconButton, { onClick: () => breakConnection(conf, true) },
+                        adminMode || (sessionConnections === null || sessionConnections === void 0 ? void 0 : sessionConnections.includes(conf)) ? (React.createElement(IconButton, { onClick: () => {
+                                breakConnection(conf, true);
+                            } },
                             React.createElement(CloseIcon, { color: "error" }))) : (React.createElement(DisabledButton, null)),
                         name));
                 }),
                 !connections.length ? (React.createElement(Typography, null, "No connections found")) : null)),
         React.createElement(DialogActions, null,
-            React.createElement(Button, { onClick: () => handleClose(), variant: "contained", color: "primary" }, "Close"))));
+            React.createElement(Button, { onClick: () => {
+                    handleClose();
+                }, variant: "contained", color: "primary" }, "Close"))));
 });
 export default ManageConnectionsDialog;

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

@@ -35,7 +35,7 @@ const ConnectionRow = observer(function ConnectionRow({ conf, session, breakConn
 });
 const ConnectionList = observer(function ConnectionsList({ session, breakConnection, }) {
     const { classes } = useStyles();
-    return (React.createElement("div", { className: classes.connectionContainer }, !session.connections.length ? (React.createElement(Typography, null, "No connections found")) : (session.connections.map((conf, idx) => (React.createElement("div", { key: conf.name + '_' + idx },
+    return (React.createElement("div", { className: classes.connectionContainer }, !session.connections.length ? (React.createElement(Typography, null, "No connections found")) : (session.connections.map((conf, idx) => (React.createElement("div", { key: `${conf.name}_${idx}` },
         React.createElement(ConnectionRow, { conf: conf, session: session, breakConnection: breakConnection })))))));
 });
 const ToggleConnectionDialog = observer(function ({ session, handleClose, breakConnection, }) {
@@ -44,6 +44,8 @@ const ToggleConnectionDialog = observer(function ({ session, handleClose, breakC
             React.createElement(Typography, null, "Use the checkbox to turn on/off connections"),
             React.createElement(ConnectionList, { session: session, breakConnection: breakConnection })),
         React.createElement(DialogActions, null,
-            React.createElement(Button, { onClick: () => handleClose(), variant: "contained", color: "primary" }, "Close"))));
+            React.createElement(Button, { onClick: () => {
+                    handleClose();
+                }, variant: "contained", color: "primary" }, "Close"))));
 });
 export default ToggleConnectionDialog;

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

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

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;
@@ -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/esm/HierarchicalTrackSelectorWidget/model.js

@@ -79,14 +79,41 @@ export default function stateTreeFactory(pluginManager) {
         faceted: types.optional(facetedStateTreeF(), {}),
     })
         .volatile(() => ({
+        /**
+         * #volatile
+         */
         favorites: localStorageGetJSON(favoritesK(), []),
+        /**
+         * #volatile
+         */
         recentlyUsed: [],
+        /**
+         * #volatile
+         */
         selection: [],
+        /**
+         * #volatile
+         */
         sortTrackNames: localStorageGetJSON(sortTrackNamesK(), undefined),
+        /**
+         * #volatile
+         */
         sortCategories: localStorageGetJSON(sortCategoriesK(), undefined),
+        /**
+         * #volatile
+         */
         collapsed: observable.map(),
+        /**
+         * #volatile
+         */
         filterText: '',
+        /**
+         * #volatile
+         */
         recentlyUsedCounter: 0,
+        /**
+         * #volatile
+         */
         favoritesCounter: 0,
     }))
         .views(self => ({
@@ -334,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 ",