@jbrowse/plugin-grid-bookmark 2.13.1 → 2.15.0

package/dist/GridBookmarkWidget/components/AssemblySelector.js

@@ -8,14 +8,16 @@ const mobx_react_1 = require("mobx-react");
 const material_1 = require("@mui/material");
 const AssemblySelector = (0, mobx_react_1.observer)(function ({ model, }) {
     const { validAssemblies, selectedAssemblies } = model;
-    const noAssemblies = validAssemblies.size === 0 ? true : false;
+    const noAssemblies = validAssemblies.size === 0;
     const label = 'Select assemblies';
     const id = 'select-assemblies-label';
     const selectedSet = new Set(selectedAssemblies);
     const isAllSelected = [...validAssemblies].every(e => selectedSet.has(e));
     return (react_1.default.createElement(material_1.FormControl, { disabled: noAssemblies, fullWidth: true },
         react_1.default.createElement(material_1.InputLabel, { id: id }, label),
-        react_1.default.createElement(material_1.Select, { labelId: id, multiple: true, value: selectedAssemblies, onChange: event => model.setSelectedAssemblies([...event.target.value]), input: react_1.default.createElement(material_1.OutlinedInput, { label: label }), renderValue: selected => selected.join(', ') },
+        react_1.default.createElement(material_1.Select, { labelId: id, multiple: true, value: selectedAssemblies, onChange: event => {
+                model.setSelectedAssemblies([...event.target.value]);
+            }, input: react_1.default.createElement(material_1.OutlinedInput, { label: label }), renderValue: selected => selected.join(', ') },
             react_1.default.createElement(material_1.MenuItem, { onClickCapture: event => {
                     // onClickCapture allows us to avoid the parent Select onChange from triggering
                     if (isAllSelected) {

package/dist/GridBookmarkWidget/components/BookmarkGrid.js

@@ -110,7 +110,9 @@ const BookmarkGrid = (0, mobx_react_1.observer)(function ({ model, }) {
             const target = rows[row.id];
             model.updateBookmarkLabel(target, row.label);
             return row;
-        }, onProcessRowUpdateError: e => session.notifyError(`${e}`, e), checkboxSelection: true, onRowSelectionModelChange: newRowSelectionModel => {
+        }, onProcessRowUpdateError: e => {
+            session.notifyError(`${e}`, e);
+        }, checkboxSelection: true, onRowSelectionModelChange: newRowSelectionModel => {
             if (bookmarksWithValidAssemblies.length > 0) {
                 model.setSelectedBookmarks(newRowSelectionModel.map(value => ({
                     ...rows[value],

package/dist/GridBookmarkWidget/components/GridBookmarkWidget.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { GridBookmarkModel } from '../model';
 declare const GridBookmarkWidget: ({ model, }: {
     model: GridBookmarkModel;
-}) => React.JSX.Element | null;
+}) => React.JSX.Element;
 export default GridBookmarkWidget;

package/dist/GridBookmarkWidget/components/GridBookmarkWidget.js

@@ -57,9 +57,6 @@ const useStyles = (0, mui_1.makeStyles)()({
 });
 const GridBookmarkWidget = (0, mobx_react_1.observer)(function GridBookmarkWidget({ model, }) {
     const { classes } = useStyles();
-    if (!model) {
-        return null;
-    }
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(material_1.Alert, { severity: "info" },
             "Click and type within the ",

package/dist/GridBookmarkWidget/components/Highlight/Highlight.js

@@ -72,15 +72,17 @@ const Highlight = (0, mobx_react_1.observer)(function Highlight({ model }) {
                 : undefined;
         })
             .filter(util_1.notEmpty)
-            .map(({ left, width, highlight, label }, idx) => (react_1.default.createElement("div", { key: `${left}_${width}_${idx}`, className: classes.highlight, style: {
+            .map(({ left, width, highlight, label }, idx) => (react_1.default.createElement("div", { 
+            /* biome-ignore lint/suspicious/noArrayIndexKey: */
+            key: `${left}_${width}_${idx}`, className: classes.highlight, style: {
                 left,
                 width,
                 background: highlight,
             } }, showBookmarkLabels ? (react_1.default.createElement(material_1.Tooltip, { title: label, arrow: true },
             react_1.default.createElement(Bookmark_1.default, { fontSize: "small", sx: {
-                    color: `${(0, colord_1.colord)(highlight).alpha() !== 0
+                    color: (0, colord_1.colord)(highlight).alpha() !== 0
                         ? (0, colord_1.colord)(highlight).alpha(0.8).toRgbString()
-                        : (0, colord_1.colord)(highlight).alpha(0).toRgbString()}`,
+                        : (0, colord_1.colord)(highlight).alpha(0).toRgbString(),
                 } }))) : null)))
         : null;
 });

package/dist/GridBookmarkWidget/components/Highlight/OverviewHighlight.js

@@ -69,7 +69,7 @@ const OverviewHighlight = (0, mobx_react_1.observer)(function OverviewHighlight(
             .filter(util_1.notEmpty)
             .map((obj, idx) => {
             const { left, width, highlight, label } = obj;
-            return (react_1.default.createElement(material_1.Tooltip, { key: JSON.stringify(obj) + '-' + idx, title: showBookmarkLabels ? label : '', arrow: true },
+            return (react_1.default.createElement(material_1.Tooltip, { key: `${JSON.stringify(obj)}-${idx}`, title: showBookmarkLabels ? label : '', arrow: true },
                 react_1.default.createElement("div", { className: classes.highlight, style: {
                         left,
                         width,

package/dist/GridBookmarkWidget/components/Highlight/index.js

@@ -11,18 +11,18 @@ const OverviewHighlight_1 = __importDefault(require("./OverviewHighlight"));
 function AddHighlightModelF(pluginManager) {
     pluginManager.addToExtensionPoint('LinearGenomeView-TracksContainerComponent', 
     // @ts-expect-error
-    (rest = [], { model }) => {
+    (rest, { model }) => {
         return [
-            ...rest,
-            react_1.default.createElement(Highlight_1.default, { key: `highlight_grid_bookmark`, model: model }),
+            ...(rest || []),
+            react_1.default.createElement(Highlight_1.default, { key: "highlight_grid_bookmark", model: model }),
         ];
     });
     pluginManager.addToExtensionPoint('LinearGenomeView-OverviewScalebarComponent', 
     // @ts-expect-error
-    (rest = [], { model, overview }) => {
+    (rest, { model, overview }) => {
         return [
-            ...rest,
-            react_1.default.createElement(OverviewHighlight_1.default, { key: `overview_highlight_grid_bookmark`, model: model, overview: overview }),
+            ...(rest || []),
+            react_1.default.createElement(OverviewHighlight_1.default, { key: "overview_highlight_grid_bookmark", model: model, overview: overview }),
         ];
     });
 }

package/dist/GridBookmarkWidget/components/dialogs/DeleteBookmarksDialog.js

@@ -17,7 +17,9 @@ const DeleteBookmarksDialog = (0, mobx_react_1.observer)(function ({ onClose, mo
                 react_1.default.createElement("br", null),
                 react_1.default.createElement("span", null, "Use the checkboxes to select individual bookmarks to delete."))) : ('Only selected bookmarks will be deleted.'))),
         react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => onClose() }, "Cancel"),
+            react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
+                    onClose();
+                } }, "Cancel"),
             react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", onClick: () => {
                     if (deleteAll) {
                         model.clearAllBookmarks();

package/dist/GridBookmarkWidget/components/dialogs/EditBookmarkLabelDialog.js

@@ -37,10 +37,12 @@ const EditBookmarkLabelDialog = (0, mobx_react_1.observer)(function ({ model, on
                 ' ',
                 react_1.default.createElement("strong", null, (0, util_1.assembleLocString)(dialogRow.correspondingObj)),
                 ":"),
-            react_1.default.createElement(material_1.TextField, { fullWidth: true, inputProps: { 'data-testid': 'edit-bookmark-label-field' }, variant: "outlined", value: newLabel, onChange: e => setNewLabel(e.target.value), autoFocus: true })),
+            react_1.default.createElement(material_1.TextField, { fullWidth: true, inputProps: { 'data-testid': 'edit-bookmark-label-field' }, variant: "outlined", value: newLabel, onChange: e => {
+                    setNewLabel(e.target.value);
+                }, autoFocus: true })),
         react_1.default.createElement(material_1.DialogActions, null,
             react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", onClick: () => {
-                    if (newLabel && dialogRow) {
+                    if (newLabel) {
                         model.updateBookmarkLabel(dialogRow, newLabel);
                     }
                     setNewLabel('');

package/dist/GridBookmarkWidget/components/dialogs/EditHighlightColorDialog.js

@@ -37,9 +37,13 @@ const EditHighlightColorDialog = (0, mobx_react_1.observer)(function ({ onClose,
         react_1.default.createElement(material_1.DialogContent, null,
             react_1.default.createElement(material_1.Typography, { variant: "h6" }, "Bulk highlight selector"),
             react_1.default.createElement(material_1.Alert, { severity: "info" }, editNone ? (react_1.default.createElement("span", null, "Use the checkboxes to select individual bookmarks to edit.")) : ('Only selected bookmarks will be edited.')),
-            !editNone ? (react_1.default.createElement(ColorPicker_1.ColorPicker, { color: color, onChange: event => setColor(event) })) : null),
+            !editNone ? (react_1.default.createElement(ColorPicker_1.ColorPicker, { color: color, onChange: event => {
+                    setColor(event);
+                } })) : null),
         react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => onClose() }, "Cancel"),
+            react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
+                    onClose();
+                } }, "Cancel"),
             react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", onClick: () => {
                     model.updateBulkBookmarkHighlights(color);
                     onClose();

package/dist/GridBookmarkWidget/components/dialogs/ExportBookmarksDialog.js

@@ -59,7 +59,9 @@ const ExportBookmarksDialog = (0, mobx_react_1.observer)(function ExportBookmark
                 react_1.default.createElement("span", null, "Use the checkboxes to select individual bookmarks to export."))) : ('Only selected bookmarks will be exported.')),
             react_1.default.createElement("div", { className: classes.flexItem },
                 react_1.default.createElement(material_1.Typography, null, "Format to download:"),
-                react_1.default.createElement(material_1.Select, { size: "small", value: fileType, onChange: event => setFileType(event.target.value) },
+                react_1.default.createElement(material_1.Select, { size: "small", value: fileType, onChange: event => {
+                        setFileType(event.target.value);
+                    } },
                     react_1.default.createElement(material_1.MenuItem, { value: "BED" }, "BED"),
                     react_1.default.createElement(material_1.MenuItem, { value: "TSV" }, "TSV")))),
         react_1.default.createElement(material_1.DialogActions, null,

package/dist/GridBookmarkWidget/components/dialogs/HighlightSettingsDialog.js

@@ -22,6 +22,8 @@ const HighlightSettingsDialog = (0, mobx_react_1.observer)(function ({ onClose,
                     } }),
                 react_1.default.createElement(material_1.Typography, null, "Toggle 'bookmark' icon on LGV tracks"))),
         react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", onClick: () => onClose() }, "Close"))));
+            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", onClick: () => {
+                    onClose();
+                } }, "Close"))));
 });
 exports.default = HighlightSettingsDialog;

package/dist/GridBookmarkWidget/components/dialogs/ImportBookmarksDialog.js

@@ -40,17 +40,14 @@ const Publish_1 = __importDefault(require("@mui/icons-material/Publish"));
 const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
 const utils_1 = require("../../utils");
 const sessionSharing_1 = require("../../sessionSharing");
-const useStyles = (0, mui_1.makeStyles)()(theme => {
-    var _a;
-    return ({
-        expandIcon: {
-            color: ((_a = theme.palette.tertiary) === null || _a === void 0 ? void 0 : _a.contrastText) || '#fff',
-        },
-        minWidth: {
-            minWidth: 500,
-        },
-    });
-});
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
+    expandIcon: {
+        color: theme.palette.tertiary.contrastText || '#fff',
+    },
+    minWidth: {
+        minWidth: 500,
+    },
+}));
 async function getBookmarksFromShareLink(shareLink, shareURL) {
     const defaultURL = 'https://share.jbrowse.org/api/v1/';
     const urlParams = new URL(shareLink);
@@ -75,7 +72,7 @@ async function getBookmarksFromTSVFile(lines) {
         const [refName, start, end, label, assemblyName] = line.split('\t');
         return {
             assemblyName: assemblyName,
-            refName,
+            refName: refName,
             start: +start,
             end: +end,
             label: label === '.' ? undefined : label,
@@ -89,7 +86,7 @@ async function getBookmarksFromBEDFile(lines, selectedAsm) {
         const [refName, start, end, label] = line.split('\t');
         return {
             assemblyName: selectedAsm,
-            refName,
+            refName: refName,
             start: +start,
             end: +end,
             label: label === '.' ? undefined : label,
@@ -107,18 +104,26 @@ const ImportBookmarksDialog = (0, mobx_react_1.observer)(function ({ onClose, mo
     const [expanded, setExpanded] = (0, react_1.useState)('shareLinkAccordion');
     return (react_1.default.createElement(ui_2.Dialog, { open: true, onClose: onClose, maxWidth: "xl", title: "Import bookmarks" },
         react_1.default.createElement(material_1.DialogContent, { className: classes.minWidth },
-            react_1.default.createElement(material_1.Accordion, { expanded: expanded === 'shareLinkAccordion', onChange: () => setExpanded('shareLinkAccordion') },
+            react_1.default.createElement(material_1.Accordion, { expanded: expanded === 'shareLinkAccordion', onChange: () => {
+                    setExpanded('shareLinkAccordion');
+                } },
                 react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.expandIcon }) },
                     react_1.default.createElement(material_1.Typography, { style: { display: 'flex', alignItems: 'center', gap: '5px' } }, "Import from share link")),
                 react_1.default.createElement(material_1.AccordionDetails, null,
                     react_1.default.createElement(material_1.Typography, null, "Paste a bookmark share link generated by the 'Share' button from the bookmarks widget"),
-                    react_1.default.createElement(material_1.TextField, { label: "Enter Share URL", variant: "outlined", fullWidth: true, value: shareLink, onChange: e => setShareLink(e.target.value) }))),
-            react_1.default.createElement(material_1.Accordion, { expanded: expanded === 'fileAccordion', onChange: () => setExpanded('fileAccordion') },
+                    react_1.default.createElement(material_1.TextField, { label: "Enter Share URL", variant: "outlined", fullWidth: true, value: shareLink, onChange: e => {
+                            setShareLink(e.target.value);
+                        } }))),
+            react_1.default.createElement(material_1.Accordion, { expanded: expanded === 'fileAccordion', onChange: () => {
+                    setExpanded('fileAccordion');
+                } },
                 react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.expandIcon }) },
                     react_1.default.createElement(material_1.Typography, null, "Import from file")),
                 react_1.default.createElement(material_1.AccordionDetails, null,
                     react_1.default.createElement(ui_1.FileSelector, { location: location, setLocation: setLocation, name: "File", description: `Choose a BED or TSV format file to import. Required TSV column headers are "chrom, start, end, label, assembly_name".` }),
-                    react_1.default.createElement(ui_2.AssemblySelector, { onChange: val => setSelectedAsm(val), helperText: `Select the assembly for BED file.`, session: session, selected: selectedAsm }))),
+                    react_1.default.createElement(ui_2.AssemblySelector, { onChange: val => {
+                            setSelectedAsm(val);
+                        }, helperText: 'Select the assembly for BED file.', session: session, selected: selectedAsm }))),
             error ? react_1.default.createElement(ui_1.ErrorMessage, { error: error }) : null),
         react_1.default.createElement(material_1.DialogActions, null,
             react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: onClose }, "Cancel"),

package/dist/GridBookmarkWidget/components/dialogs/ShareBookmarksDialog.js

@@ -54,7 +54,8 @@ const ShareBookmarksDialog = (0, mobx_react_1.observer)(function ({ onClose, mod
         ? model.allBookmarksModel
         : model.sharedBookmarksModel;
     (0, react_1.useEffect)(() => {
-        let cancelled = false;
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        ;
         (async () => {
             try {
                 if (!(0, util_1.isSessionWithShareURL)(session)) {
@@ -64,14 +65,12 @@ const ShareBookmarksDialog = (0, mobx_react_1.observer)(function ({ onClose, mod
                 const snap = (0, mobx_state_tree_1.getSnapshot)(bookmarksToShare);
                 const locationUrl = new URL(window.location.href);
                 const result = await (0, sessionSharing_1.shareSessionToDynamo)(snap, session.shareURL, locationUrl.href);
-                if (!cancelled) {
-                    const params = new URLSearchParams(locationUrl.search);
-                    params.set('bookmarks', `share-${result.json.sessionId}`);
-                    params.set('password', result.password);
-                    locationUrl.search = params.toString();
-                    setUrl(locationUrl.href);
-                    setLoading(false);
-                }
+                const params = new URLSearchParams(locationUrl.search);
+                params.set('bookmarks', `share-${result.json.sessionId}`);
+                params.set('password', result.password);
+                locationUrl.search = params.toString();
+                setUrl(locationUrl.href);
+                setLoading(false);
             }
             catch (e) {
                 setError(e);
@@ -80,9 +79,6 @@ const ShareBookmarksDialog = (0, mobx_react_1.observer)(function ({ onClose, mod
                 setLoading(false);
             }
         })();
-        return () => {
-            cancelled = true;
-        };
     }, [bookmarksToShare, session]);
     return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: onClose, title: "Share bookmarks" },
         react_1.default.createElement(material_1.DialogContent, { style: { display: 'flex', flexFlow: 'column', gap: '5px' } },

package/dist/GridBookmarkWidget/model.d.ts

@@ -21,8 +21,8 @@ declare const LabeledRegionModel: import("mobx-state-tree").IModelType<{
 export interface IExtendedLGV extends LinearGenomeViewModel {
     showBookmarkHighlights: boolean;
     showBookmarkLabels: boolean;
-    toggleShowBookmarkHighlights: (arg: boolean) => {};
-    toggleShowBookmarkLabels: (arg: boolean) => {};
+    toggleShowBookmarkHighlights: (arg: boolean) => void;
+    toggleShowBookmarkLabels: (arg: boolean) => void;
 }
 export interface ILabeledRegionModel extends SnapshotIn<typeof LabeledRegionModel> {
     refName: string;

package/dist/GridBookmarkWidget/model.js

@@ -161,7 +161,9 @@ function f(_pluginManager) {
          * #action
          */
         updateBulkBookmarkHighlights(color) {
-            self.selectedBookmarks.forEach(bookmark => this.updateBookmarkHighlight(bookmark, color));
+            self.selectedBookmarks.forEach(bookmark => {
+                this.updateBookmarkHighlight(bookmark, color);
+            });
         },
         /**
          * #action
@@ -182,6 +184,7 @@ function f(_pluginManager) {
             const { views } = (0, util_1.getSession)(self);
             views.forEach(view => {
                 var _a;
+                // @ts-expect-error
                 (_a = view.toggleShowBookmarkHighlights) === null || _a === void 0 ? void 0 : _a.call(view, toggle);
             });
         },
@@ -192,6 +195,7 @@ function f(_pluginManager) {
             const { views } = (0, util_1.getSession)(self);
             views.forEach(view => {
                 var _a;
+                // @ts-expect-error
                 (_a = view.toggleShowBookmarkLabels) === null || _a === void 0 ? void 0 : _a.call(view, toggle);
             });
         },

package/dist/GridBookmarkWidget/utils.js

@@ -68,9 +68,12 @@ function downloadBookmarkFile(fileFormat, model) {
             const { label } = bookmark;
             const labelVal = label === '' ? '.' : label;
             const line = `${bookmark.refName}\t${bookmark.start}\t${bookmark.end}\t${labelVal}\n`;
-            fileContents[bookmark.assemblyName]
-                ? fileContents[bookmark.assemblyName].push(line)
-                : (fileContents[bookmark.assemblyName] = [line]);
+            if (fileContents[bookmark.assemblyName]) {
+                fileContents[bookmark.assemblyName].push(line);
+            }
+            else {
+                fileContents[bookmark.assemblyName] = [line];
+            }
         });
         for (const assembly in fileContents) {
             const fileContent = fileContents[assembly].reduce((a, b) => a + b, fileHeader);

package/dist/index.js

@@ -67,9 +67,8 @@ class GridBookmarkPlugin extends Plugin_1.default {
                     navigateNewestBookmark() {
                         const session = (0, util_1.getSession)(self);
                         const bookmarkWidget = self.activateBookmarkWidget();
-                        const regions = bookmarkWidget.bookmarks;
-                        if (regions === null || regions === void 0 ? void 0 : regions.length) {
-                            self.navTo(regions.at(-1));
+                        if (bookmarkWidget.bookmarks.length) {
+                            self.navTo(bookmarkWidget.bookmarks.at(-1));
                         }
                         else {
                             session.notify('There are no recent bookmarks to navigate to.', 'info');
@@ -79,7 +78,12 @@ class GridBookmarkPlugin extends Plugin_1.default {
                         if (self.id === (0, util_1.getSession)(self).focusedViewId) {
                             const selectedRegions = self.getSelectedRegions(undefined, undefined);
                             const bookmarkWidget = self.activateBookmarkWidget();
-                            bookmarkWidget.addBookmark(selectedRegions[0]);
+                            if (!selectedRegions.length) {
+                                throw new Error('no region selected');
+                            }
+                            else {
+                                bookmarkWidget.addBookmark(selectedRegions[0]);
+                            }
                         }
                     },
                 }))
@@ -103,21 +107,27 @@ class GridBookmarkPlugin extends Plugin_1.default {
                                         {
                                             label: 'Bookmark current region',
                                             icon: Bookmark_1.default,
-                                            onClick: () => self.bookmarkCurrentRegion(),
+                                            onClick: () => {
+                                                self.bookmarkCurrentRegion();
+                                            },
                                         },
                                         {
                                             label: 'Toggle bookmark highlights',
                                             icon: Highlight_1.default,
                                             type: 'checkbox',
                                             checked: self.showBookmarkHighlights,
-                                            onClick: () => self.toggleShowBookmarkHighlights(),
+                                            onClick: () => {
+                                                self.toggleShowBookmarkHighlights();
+                                            },
                                         },
                                         {
                                             label: 'Toggle bookmark labels',
                                             icon: Label_1.default,
                                             type: 'checkbox',
                                             checked: self.showBookmarkLabels,
-                                            onClick: () => self.toggleShowBookmarkLabels(),
+                                            onClick: () => {
+                                                self.toggleShowBookmarkLabels();
+                                            },
                                         },
                                     ],
                                 },
@@ -133,7 +143,12 @@ class GridBookmarkPlugin extends Plugin_1.default {
                                         const { leftOffset, rightOffset } = self;
                                         const selectedRegions = self.getSelectedRegions(leftOffset, rightOffset);
                                         const bookmarkWidget = self.activateBookmarkWidget();
-                                        bookmarkWidget.addBookmark(selectedRegions[0]);
+                                        if (!selectedRegions.length) {
+                                            throw new Error('no regions selected');
+                                        }
+                                        else {
+                                            bookmarkWidget.addBookmark(selectedRegions[0]);
+                                        }
                                     },
                                 },
                             ];

package/esm/GridBookmarkWidget/components/AssemblySelector.js

@@ -3,14 +3,16 @@ import { observer } from 'mobx-react';
 import { Checkbox, FormControl, InputLabel, ListItemText, MenuItem, OutlinedInput, Select, } from '@mui/material';
 const AssemblySelector = observer(function ({ model, }) {
     const { validAssemblies, selectedAssemblies } = model;
-    const noAssemblies = validAssemblies.size === 0 ? true : false;
+    const noAssemblies = validAssemblies.size === 0;
     const label = 'Select assemblies';
     const id = 'select-assemblies-label';
     const selectedSet = new Set(selectedAssemblies);
     const isAllSelected = [...validAssemblies].every(e => selectedSet.has(e));
     return (React.createElement(FormControl, { disabled: noAssemblies, fullWidth: true },
         React.createElement(InputLabel, { id: id }, label),
-        React.createElement(Select, { labelId: id, multiple: true, value: selectedAssemblies, onChange: event => model.setSelectedAssemblies([...event.target.value]), input: React.createElement(OutlinedInput, { label: label }), renderValue: selected => selected.join(', ') },
+        React.createElement(Select, { labelId: id, multiple: true, value: selectedAssemblies, onChange: event => {
+                model.setSelectedAssemblies([...event.target.value]);
+            }, input: React.createElement(OutlinedInput, { label: label }), renderValue: selected => selected.join(', ') },
             React.createElement(MenuItem, { onClickCapture: event => {
                     // onClickCapture allows us to avoid the parent Select onChange from triggering
                     if (isAllSelected) {

package/esm/GridBookmarkWidget/components/BookmarkGrid.js

@@ -82,7 +82,9 @@ const BookmarkGrid = observer(function ({ model, }) {
             const target = rows[row.id];
             model.updateBookmarkLabel(target, row.label);
             return row;
-        }, onProcessRowUpdateError: e => session.notifyError(`${e}`, e), checkboxSelection: true, onRowSelectionModelChange: newRowSelectionModel => {
+        }, onProcessRowUpdateError: e => {
+            session.notifyError(`${e}`, e);
+        }, checkboxSelection: true, onRowSelectionModelChange: newRowSelectionModel => {
             if (bookmarksWithValidAssemblies.length > 0) {
                 model.setSelectedBookmarks(newRowSelectionModel.map(value => ({
                     ...rows[value],

package/esm/GridBookmarkWidget/components/GridBookmarkWidget.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { GridBookmarkModel } from '../model';
 declare const GridBookmarkWidget: ({ model, }: {
     model: GridBookmarkModel;
-}) => React.JSX.Element | null;
+}) => React.JSX.Element;
 export default GridBookmarkWidget;

package/esm/GridBookmarkWidget/components/GridBookmarkWidget.js

@@ -29,9 +29,6 @@ const useStyles = makeStyles()({
 });
 const GridBookmarkWidget = observer(function GridBookmarkWidget({ model, }) {
     const { classes } = useStyles();
-    if (!model) {
-        return null;
-    }
     return (React.createElement("div", null,
         React.createElement(Alert, { severity: "info" },
             "Click and type within the ",

package/esm/GridBookmarkWidget/components/Highlight/Highlight.js

@@ -44,15 +44,17 @@ const Highlight = observer(function Highlight({ model }) {
                 : undefined;
         })
             .filter(notEmpty)
-            .map(({ left, width, highlight, label }, idx) => (React.createElement("div", { key: `${left}_${width}_${idx}`, className: classes.highlight, style: {
+            .map(({ left, width, highlight, label }, idx) => (React.createElement("div", { 
+            /* biome-ignore lint/suspicious/noArrayIndexKey: */
+            key: `${left}_${width}_${idx}`, className: classes.highlight, style: {
                 left,
                 width,
                 background: highlight,
             } }, showBookmarkLabels ? (React.createElement(Tooltip, { title: label, arrow: true },
             React.createElement(BookmarkIcon, { fontSize: "small", sx: {
-                    color: `${colord(highlight).alpha() !== 0
+                    color: colord(highlight).alpha() !== 0
                         ? colord(highlight).alpha(0.8).toRgbString()
-                        : colord(highlight).alpha(0).toRgbString()}`,
+                        : colord(highlight).alpha(0).toRgbString(),
                 } }))) : null)))
         : null;
 });

package/esm/GridBookmarkWidget/components/Highlight/OverviewHighlight.js

@@ -44,7 +44,7 @@ const OverviewHighlight = observer(function OverviewHighlight({ model, overview,
             .filter(notEmpty)
             .map((obj, idx) => {
             const { left, width, highlight, label } = obj;
-            return (React.createElement(Tooltip, { key: JSON.stringify(obj) + '-' + idx, title: showBookmarkLabels ? label : '', arrow: true },
+            return (React.createElement(Tooltip, { key: `${JSON.stringify(obj)}-${idx}`, title: showBookmarkLabels ? label : '', arrow: true },
                 React.createElement("div", { className: classes.highlight, style: {
                         left,
                         width,

package/esm/GridBookmarkWidget/components/Highlight/index.js

@@ -5,18 +5,18 @@ import OverviewHighlight from './OverviewHighlight';
 export default function AddHighlightModelF(pluginManager) {
     pluginManager.addToExtensionPoint('LinearGenomeView-TracksContainerComponent', 
     // @ts-expect-error
-    (rest = [], { model }) => {
+    (rest, { model }) => {
         return [
-            ...rest,
-            React.createElement(Highlight, { key: `highlight_grid_bookmark`, model: model }),
+            ...(rest || []),
+            React.createElement(Highlight, { key: "highlight_grid_bookmark", model: model }),
         ];
     });
     pluginManager.addToExtensionPoint('LinearGenomeView-OverviewScalebarComponent', 
     // @ts-expect-error
-    (rest = [], { model, overview }) => {
+    (rest, { model, overview }) => {
         return [
-            ...rest,
-            React.createElement(OverviewHighlight, { key: `overview_highlight_grid_bookmark`, model: model, overview: overview }),
+            ...(rest || []),
+            React.createElement(OverviewHighlight, { key: "overview_highlight_grid_bookmark", model: model, overview: overview }),
         ];
     });
 }

package/esm/GridBookmarkWidget/components/dialogs/DeleteBookmarksDialog.js

@@ -12,7 +12,9 @@ const DeleteBookmarksDialog = observer(function ({ onClose, model, }) {
                 React.createElement("br", null),
                 React.createElement("span", null, "Use the checkboxes to select individual bookmarks to delete."))) : ('Only selected bookmarks will be deleted.'))),
         React.createElement(DialogActions, null,
-            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => onClose() }, "Cancel"),
+            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => {
+                    onClose();
+                } }, "Cancel"),
             React.createElement(Button, { variant: "contained", color: "primary", onClick: () => {
                     if (deleteAll) {
                         model.clearAllBookmarks();

package/esm/GridBookmarkWidget/components/dialogs/EditBookmarkLabelDialog.js

@@ -12,10 +12,12 @@ const EditBookmarkLabelDialog = observer(function ({ model, onClose, dialogRow,
                 ' ',
                 React.createElement("strong", null, assembleLocString(dialogRow.correspondingObj)),
                 ":"),
-            React.createElement(TextField, { fullWidth: true, inputProps: { 'data-testid': 'edit-bookmark-label-field' }, variant: "outlined", value: newLabel, onChange: e => setNewLabel(e.target.value), autoFocus: true })),
+            React.createElement(TextField, { fullWidth: true, inputProps: { 'data-testid': 'edit-bookmark-label-field' }, variant: "outlined", value: newLabel, onChange: e => {
+                    setNewLabel(e.target.value);
+                }, autoFocus: true })),
         React.createElement(DialogActions, null,
             React.createElement(Button, { variant: "contained", color: "primary", onClick: () => {
-                    if (newLabel && dialogRow) {
+                    if (newLabel) {
                         model.updateBookmarkLabel(dialogRow, newLabel);
                     }
                     setNewLabel('');

package/esm/GridBookmarkWidget/components/dialogs/EditHighlightColorDialog.js

@@ -12,9 +12,13 @@ const EditHighlightColorDialog = observer(function ({ onClose, model, }) {
         React.createElement(DialogContent, null,
             React.createElement(Typography, { variant: "h6" }, "Bulk highlight selector"),
             React.createElement(Alert, { severity: "info" }, editNone ? (React.createElement("span", null, "Use the checkboxes to select individual bookmarks to edit.")) : ('Only selected bookmarks will be edited.')),
-            !editNone ? (React.createElement(ColorPicker, { color: color, onChange: event => setColor(event) })) : null),
+            !editNone ? (React.createElement(ColorPicker, { color: color, onChange: event => {
+                    setColor(event);
+                } })) : null),
         React.createElement(DialogActions, null,
-            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => onClose() }, "Cancel"),
+            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => {
+                    onClose();
+                } }, "Cancel"),
             React.createElement(Button, { variant: "contained", color: "primary", onClick: () => {
                     model.updateBulkBookmarkHighlights(color);
                     onClose();

package/esm/GridBookmarkWidget/components/dialogs/ExportBookmarksDialog.js

@@ -31,7 +31,9 @@ const ExportBookmarksDialog = observer(function ExportBookmarksDialog({ model, o
                 React.createElement("span", null, "Use the checkboxes to select individual bookmarks to export."))) : ('Only selected bookmarks will be exported.')),
             React.createElement("div", { className: classes.flexItem },
                 React.createElement(Typography, null, "Format to download:"),
-                React.createElement(Select, { size: "small", value: fileType, onChange: event => setFileType(event.target.value) },
+                React.createElement(Select, { size: "small", value: fileType, onChange: event => {
+                        setFileType(event.target.value);
+                    } },
                     React.createElement(MenuItem, { value: "BED" }, "BED"),
                     React.createElement(MenuItem, { value: "TSV" }, "TSV")))),
         React.createElement(DialogActions, null,

package/esm/GridBookmarkWidget/components/dialogs/HighlightSettingsDialog.js

@@ -17,6 +17,8 @@ const HighlightSettingsDialog = observer(function ({ onClose, model, }) {
                     } }),
                 React.createElement(Typography, null, "Toggle 'bookmark' icon on LGV tracks"))),
         React.createElement(DialogActions, null,
-            React.createElement(Button, { variant: "contained", color: "primary", onClick: () => onClose() }, "Close"))));
+            React.createElement(Button, { variant: "contained", color: "primary", onClick: () => {
+                    onClose();
+                } }, "Close"))));
 });
 export default HighlightSettingsDialog;

package/esm/GridBookmarkWidget/components/dialogs/ImportBookmarksDialog.js

@@ -12,17 +12,14 @@ import ImportIcon from '@mui/icons-material/Publish';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import { fromUrlSafeB64 } from '../../utils';
 import { readSessionFromDynamo } from '../../sessionSharing';
-const useStyles = makeStyles()(theme => {
-    var _a;
-    return ({
-        expandIcon: {
-            color: ((_a = theme.palette.tertiary) === null || _a === void 0 ? void 0 : _a.contrastText) || '#fff',
-        },
-        minWidth: {
-            minWidth: 500,
-        },
-    });
-});
+const useStyles = makeStyles()(theme => ({
+    expandIcon: {
+        color: theme.palette.tertiary.contrastText || '#fff',
+    },
+    minWidth: {
+        minWidth: 500,
+    },
+}));
 async function getBookmarksFromShareLink(shareLink, shareURL) {
     const defaultURL = 'https://share.jbrowse.org/api/v1/';
     const urlParams = new URL(shareLink);
@@ -47,7 +44,7 @@ async function getBookmarksFromTSVFile(lines) {
         const [refName, start, end, label, assemblyName] = line.split('\t');
         return {
             assemblyName: assemblyName,
-            refName,
+            refName: refName,
             start: +start,
             end: +end,
             label: label === '.' ? undefined : label,
@@ -61,7 +58,7 @@ async function getBookmarksFromBEDFile(lines, selectedAsm) {
         const [refName, start, end, label] = line.split('\t');
         return {
             assemblyName: selectedAsm,
-            refName,
+            refName: refName,
             start: +start,
             end: +end,
             label: label === '.' ? undefined : label,
@@ -79,18 +76,26 @@ const ImportBookmarksDialog = observer(function ({ onClose, model, }) {
     const [expanded, setExpanded] = useState('shareLinkAccordion');
     return (React.createElement(Dialog, { open: true, onClose: onClose, maxWidth: "xl", title: "Import bookmarks" },
         React.createElement(DialogContent, { className: classes.minWidth },
-            React.createElement(Accordion, { expanded: expanded === 'shareLinkAccordion', onChange: () => setExpanded('shareLinkAccordion') },
+            React.createElement(Accordion, { expanded: expanded === 'shareLinkAccordion', onChange: () => {
+                    setExpanded('shareLinkAccordion');
+                } },
                 React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
                     React.createElement(Typography, { style: { display: 'flex', alignItems: 'center', gap: '5px' } }, "Import from share link")),
                 React.createElement(AccordionDetails, null,
                     React.createElement(Typography, null, "Paste a bookmark share link generated by the 'Share' button from the bookmarks widget"),
-                    React.createElement(TextField, { label: "Enter Share URL", variant: "outlined", fullWidth: true, value: shareLink, onChange: e => setShareLink(e.target.value) }))),
-            React.createElement(Accordion, { expanded: expanded === 'fileAccordion', onChange: () => setExpanded('fileAccordion') },
+                    React.createElement(TextField, { label: "Enter Share URL", variant: "outlined", fullWidth: true, value: shareLink, onChange: e => {
+                            setShareLink(e.target.value);
+                        } }))),
+            React.createElement(Accordion, { expanded: expanded === 'fileAccordion', onChange: () => {
+                    setExpanded('fileAccordion');
+                } },
                 React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
                     React.createElement(Typography, null, "Import from file")),
                 React.createElement(AccordionDetails, null,
                     React.createElement(FileSelector, { location: location, setLocation: setLocation, name: "File", description: `Choose a BED or TSV format file to import. Required TSV column headers are "chrom, start, end, label, assembly_name".` }),
-                    React.createElement(AssemblySelector, { onChange: val => setSelectedAsm(val), helperText: `Select the assembly for BED file.`, session: session, selected: selectedAsm }))),
+                    React.createElement(AssemblySelector, { onChange: val => {
+                            setSelectedAsm(val);
+                        }, helperText: 'Select the assembly for BED file.', session: session, selected: selectedAsm }))),
             error ? React.createElement(ErrorMessage, { error: error }) : null),
         React.createElement(DialogActions, null,
             React.createElement(Button, { variant: "contained", color: "secondary", onClick: onClose }, "Cancel"),

package/esm/GridBookmarkWidget/components/dialogs/ShareBookmarksDialog.js

@@ -26,7 +26,8 @@ const ShareBookmarksDialog = observer(function ({ onClose, model, }) {
         ? model.allBookmarksModel
         : model.sharedBookmarksModel;
     useEffect(() => {
-        let cancelled = false;
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        ;
         (async () => {
             try {
                 if (!isSessionWithShareURL(session)) {
@@ -36,14 +37,12 @@ const ShareBookmarksDialog = observer(function ({ onClose, model, }) {
                 const snap = getSnapshot(bookmarksToShare);
                 const locationUrl = new URL(window.location.href);
                 const result = await shareSessionToDynamo(snap, session.shareURL, locationUrl.href);
-                if (!cancelled) {
-                    const params = new URLSearchParams(locationUrl.search);
-                    params.set('bookmarks', `share-${result.json.sessionId}`);
-                    params.set('password', result.password);
-                    locationUrl.search = params.toString();
-                    setUrl(locationUrl.href);
-                    setLoading(false);
-                }
+                const params = new URLSearchParams(locationUrl.search);
+                params.set('bookmarks', `share-${result.json.sessionId}`);
+                params.set('password', result.password);
+                locationUrl.search = params.toString();
+                setUrl(locationUrl.href);
+                setLoading(false);
             }
             catch (e) {
                 setError(e);
@@ -52,9 +51,6 @@ const ShareBookmarksDialog = observer(function ({ onClose, model, }) {
                 setLoading(false);
             }
         })();
-        return () => {
-            cancelled = true;
-        };
     }, [bookmarksToShare, session]);
     return (React.createElement(Dialog, { open: true, onClose: onClose, title: "Share bookmarks" },
         React.createElement(DialogContent, { style: { display: 'flex', flexFlow: 'column', gap: '5px' } },

package/esm/GridBookmarkWidget/model.d.ts

@@ -21,8 +21,8 @@ declare const LabeledRegionModel: import("mobx-state-tree").IModelType<{
 export interface IExtendedLGV extends LinearGenomeViewModel {
     showBookmarkHighlights: boolean;
     showBookmarkLabels: boolean;
-    toggleShowBookmarkHighlights: (arg: boolean) => {};
-    toggleShowBookmarkLabels: (arg: boolean) => {};
+    toggleShowBookmarkHighlights: (arg: boolean) => void;
+    toggleShowBookmarkLabels: (arg: boolean) => void;
 }
 export interface ILabeledRegionModel extends SnapshotIn<typeof LabeledRegionModel> {
     refName: string;

package/esm/GridBookmarkWidget/model.js

@@ -158,7 +158,9 @@ export default function f(_pluginManager) {
          * #action
          */
         updateBulkBookmarkHighlights(color) {
-            self.selectedBookmarks.forEach(bookmark => this.updateBookmarkHighlight(bookmark, color));
+            self.selectedBookmarks.forEach(bookmark => {
+                this.updateBookmarkHighlight(bookmark, color);
+            });
         },
         /**
          * #action
@@ -179,6 +181,7 @@ export default function f(_pluginManager) {
             const { views } = getSession(self);
             views.forEach(view => {
                 var _a;
+                // @ts-expect-error
                 (_a = view.toggleShowBookmarkHighlights) === null || _a === void 0 ? void 0 : _a.call(view, toggle);
             });
         },
@@ -189,6 +192,7 @@ export default function f(_pluginManager) {
             const { views } = getSession(self);
             views.forEach(view => {
                 var _a;
+                // @ts-expect-error
                 (_a = view.toggleShowBookmarkLabels) === null || _a === void 0 ? void 0 : _a.call(view, toggle);
             });
         },

package/esm/GridBookmarkWidget/utils.js

@@ -38,9 +38,12 @@ export function downloadBookmarkFile(fileFormat, model) {
             const { label } = bookmark;
             const labelVal = label === '' ? '.' : label;
             const line = `${bookmark.refName}\t${bookmark.start}\t${bookmark.end}\t${labelVal}\n`;
-            fileContents[bookmark.assemblyName]
-                ? fileContents[bookmark.assemblyName].push(line)
-                : (fileContents[bookmark.assemblyName] = [line]);
+            if (fileContents[bookmark.assemblyName]) {
+                fileContents[bookmark.assemblyName].push(line);
+            }
+            else {
+                fileContents[bookmark.assemblyName] = [line];
+            }
         });
         for (const assembly in fileContents) {
             const fileContent = fileContents[assembly].reduce((a, b) => a + b, fileHeader);

package/esm/index.js

@@ -62,9 +62,8 @@ export default class GridBookmarkPlugin extends Plugin {
                     navigateNewestBookmark() {
                         const session = getSession(self);
                         const bookmarkWidget = self.activateBookmarkWidget();
-                        const regions = bookmarkWidget.bookmarks;
-                        if (regions === null || regions === void 0 ? void 0 : regions.length) {
-                            self.navTo(regions.at(-1));
+                        if (bookmarkWidget.bookmarks.length) {
+                            self.navTo(bookmarkWidget.bookmarks.at(-1));
                         }
                         else {
                             session.notify('There are no recent bookmarks to navigate to.', 'info');
@@ -74,7 +73,12 @@ export default class GridBookmarkPlugin extends Plugin {
                         if (self.id === getSession(self).focusedViewId) {
                             const selectedRegions = self.getSelectedRegions(undefined, undefined);
                             const bookmarkWidget = self.activateBookmarkWidget();
-                            bookmarkWidget.addBookmark(selectedRegions[0]);
+                            if (!selectedRegions.length) {
+                                throw new Error('no region selected');
+                            }
+                            else {
+                                bookmarkWidget.addBookmark(selectedRegions[0]);
+                            }
                         }
                     },
                 }))
@@ -98,21 +102,27 @@ export default class GridBookmarkPlugin extends Plugin {
                                         {
                                             label: 'Bookmark current region',
                                             icon: BookmarkIcon,
-                                            onClick: () => self.bookmarkCurrentRegion(),
+                                            onClick: () => {
+                                                self.bookmarkCurrentRegion();
+                                            },
                                         },
                                         {
                                             label: 'Toggle bookmark highlights',
                                             icon: HighlightIcon,
                                             type: 'checkbox',
                                             checked: self.showBookmarkHighlights,
-                                            onClick: () => self.toggleShowBookmarkHighlights(),
+                                            onClick: () => {
+                                                self.toggleShowBookmarkHighlights();
+                                            },
                                         },
                                         {
                                             label: 'Toggle bookmark labels',
                                             icon: LabelIcon,
                                             type: 'checkbox',
                                             checked: self.showBookmarkLabels,
-                                            onClick: () => self.toggleShowBookmarkLabels(),
+                                            onClick: () => {
+                                                self.toggleShowBookmarkLabels();
+                                            },
                                         },
                                     ],
                                 },
@@ -128,7 +138,12 @@ export default class GridBookmarkPlugin extends Plugin {
                                         const { leftOffset, rightOffset } = self;
                                         const selectedRegions = self.getSelectedRegions(leftOffset, rightOffset);
                                         const bookmarkWidget = self.activateBookmarkWidget();
-                                        bookmarkWidget.addBookmark(selectedRegions[0]);
+                                        if (!selectedRegions.length) {
+                                            throw new Error('no regions selected');
+                                        }
+                                        else {
+                                            bookmarkWidget.addBookmark(selectedRegions[0]);
+                                        }
                                     },
                                 },
                             ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-grid-bookmark",
-  "version": "2.13.1",
+  "version": "2.15.0",
   "description": "JBrowse 2 grid bookmark widget",
   "keywords": [
     "jbrowse",
@@ -24,7 +24,7 @@
   ],
   "scripts": {
     "build": "npm-run-all build:*",
-    "test": "cd ../..; jest plugins/grid-bookmark",
+    "test": "cd ../..; jest --passWithNoTests plugins/grid-bookmark",
     "prepublishOnly": "yarn test",
     "prepack": "yarn build && yarn useDist",
     "postpack": "yarn useSrc",
@@ -36,7 +36,7 @@
     "clean": "rimraf dist esm *.tsbuildinfo"
   },
   "dependencies": {
-    "@mui/icons-material": "^5.0.1",
+    "@mui/icons-material": "^6.0.0",
     "@types/file-saver": "^2.0.1",
     "copy-to-clipboard": "^3.3.1",
     "file-saver": "^2.0.0"
@@ -45,7 +45,7 @@
     "@jbrowse/core": "^2.0.0",
     "@jbrowse/plugin-config": "^2.0.0",
     "@jbrowse/plugin-linear-genome-view": "^2.0.0",
-    "@mui/material": "^5.0.0",
+    "@mui/material": "^6.0.0",
     "@mui/x-data-grid": "^7.0.0",
     "mobx": "^6.0.0",
     "mobx-react": "^9.0.0",
@@ -59,5 +59,5 @@
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "fcebca71cc1d066654603e1a9accfa6c6d4f764d"
+  "gitHead": "87eeb1fbf8311dbf88d5e75b5a265f03beffdda8"
 }