@jbrowse/plugin-grid-bookmark 2.17.0 → 2.18.0

package/esm/GridBookmarkWidget/components/BookmarkGrid.js

@@ -1,13 +1,11 @@
-import React, { lazy } from 'react';
-import { observer } from 'mobx-react';
+import React from 'react';
+import ColorPicker from '@jbrowse/core/ui/ColorPicker';
+import { assembleLocString, getSession, measureGridWidth, measureText, } from '@jbrowse/core/util';
 import { Link } from '@mui/material';
-import { makeStyles } from 'tss-react/mui';
 import { DataGrid, GRID_CHECKBOX_SELECTION_COL_DEF } from '@mui/x-data-grid';
-import { getSession, assembleLocString, measureGridWidth, measureText, } from '@jbrowse/core/util';
-import ColorPicker from '@jbrowse/core/ui/ColorPicker';
-// locals
+import { observer } from 'mobx-react';
+import { makeStyles } from 'tss-react/mui';
 import { navToBookmark } from '../utils';
-const EditBookmarkLabelDialog = lazy(() => import('./dialogs/EditBookmarkLabelDialog'));
 const useStyles = makeStyles()(() => ({
     cell: {
         whiteSpace: 'nowrap',
@@ -39,57 +37,53 @@ const BookmarkGrid = observer(function ({ model, }) {
         Math.max(measureText('Assembly', 12) + 30, measureGridWidth(rows.map(row => row.assemblyName))),
         100,
     ];
-    return (React.createElement(DataGrid, { autoHeight: true, density: "compact", rows: rows, columns: [
-            {
-                ...GRID_CHECKBOX_SELECTION_COL_DEF,
-                width: widths[0],
-            },
-            {
-                field: 'locString',
-                headerName: 'Bookmark link',
-                width: widths[1],
-                renderCell: ({ value, row }) => (React.createElement(Link, { className: classes.cell, href: "#", onClick: async (event) => {
-                        event.preventDefault();
-                        const { views } = session;
-                        await navToBookmark(value, row.assemblyName, views, model);
-                    } }, value)),
-            },
-            {
-                field: 'label',
-                headerName: 'Label',
-                width: widths[2],
-                editable: true,
-            },
-            {
-                field: 'assemblyName',
-                headerName: 'Assembly',
-                width: widths[3],
-            },
-            {
-                field: 'highlight',
-                headerName: 'Highlight',
-                width: widths[4],
-                renderCell: ({ value, row }) => (React.createElement(ColorPicker, { color: value || 'black', onChange: event => {
-                        model.updateBookmarkHighlight(row, event);
-                    } })),
-            },
-        ], onCellDoubleClick: ({ row }) => {
-            getSession(model).queueDialog(onClose => [
-                EditBookmarkLabelDialog,
-                { onClose, model, dialogRow: row },
-            ]);
-        }, processRowUpdate: row => {
-            const target = rows[row.id];
-            model.updateBookmarkLabel(target, row.label);
-            return row;
-        }, onProcessRowUpdateError: e => {
-            session.notifyError(`${e}`, e);
-        }, checkboxSelection: true, onRowSelectionModelChange: newRowSelectionModel => {
-            if (bookmarksWithValidAssemblies.length > 0) {
-                model.setSelectedBookmarks(newRowSelectionModel.map(value => ({
-                    ...rows[value],
-                })));
-            }
-        }, rowSelectionModel: selectedBookmarks.map(r => r.id), disableRowSelectionOnClick: true }));
+    return (React.createElement("div", { style: { display: 'flex', flexDirection: 'column' } },
+        React.createElement(DataGrid, { density: "compact", rows: rows, columns: [
+                {
+                    ...GRID_CHECKBOX_SELECTION_COL_DEF,
+                    width: widths[0],
+                },
+                {
+                    field: 'locString',
+                    headerName: 'Bookmark link',
+                    width: widths[1],
+                    renderCell: ({ value, row }) => (React.createElement(Link, { className: classes.cell, href: "#", onClick: async (event) => {
+                            event.preventDefault();
+                            const { views } = session;
+                            await navToBookmark(value, row.assemblyName, views, model);
+                        } }, value)),
+                },
+                {
+                    field: 'label',
+                    headerName: 'Label',
+                    width: widths[2],
+                    editable: true,
+                },
+                {
+                    field: 'assemblyName',
+                    headerName: 'Assembly',
+                    width: widths[3],
+                },
+                {
+                    field: 'highlight',
+                    headerName: 'Highlight',
+                    width: widths[4],
+                    renderCell: ({ value, row }) => (React.createElement(ColorPicker, { color: value || 'black', onChange: event => {
+                            model.updateBookmarkHighlight(row, event);
+                        } })),
+                },
+            ], processRowUpdate: row => {
+                const target = rows[row.id];
+                model.updateBookmarkLabel(target, row.label);
+                return row;
+            }, onProcessRowUpdateError: e => {
+                session.notifyError(`${e}`, e);
+            }, checkboxSelection: true, onRowSelectionModelChange: newRowSelectionModel => {
+                if (bookmarksWithValidAssemblies.length > 0) {
+                    model.setSelectedBookmarks(newRowSelectionModel.map(value => ({
+                        ...rows[value],
+                    })));
+                }
+            }, rowSelectionModel: selectedBookmarks.map(r => r.id), disableRowSelectionOnClick: true })));
 });
 export default BookmarkGrid;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { GridBookmarkModel } from '../model';
+import type { GridBookmarkModel } from '../model';
 declare const GridBookmarkWidget: ({ model, }: {
     model: GridBookmarkModel;
 }) => React.JSX.Element;

package/esm/GridBookmarkWidget/components/GridBookmarkWidget.js

@@ -1,21 +1,18 @@
 import React, { lazy } from 'react';
-import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-import { getSession } from '@jbrowse/core/util';
-import { Alert } from '@mui/material';
 import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
-// locals
-import BookmarkGrid from './BookmarkGrid';
-import AssemblySelector from './AssemblySelector';
-// icons
-import Menu from '@mui/icons-material/Menu';
+import { getSession } from '@jbrowse/core/util';
+import Delete from '@mui/icons-material/Delete';
 import GetApp from '@mui/icons-material/GetApp';
+import Menu from '@mui/icons-material/Menu';
+import Palette from '@mui/icons-material/Palette';
 import Publish from '@mui/icons-material/Publish';
 import Settings from '@mui/icons-material/Settings';
-import Palette from '@mui/icons-material/Palette';
 import Share from '@mui/icons-material/Share';
-import Delete from '@mui/icons-material/Delete';
-// lazies
+import { Alert } from '@mui/material';
+import { observer } from 'mobx-react';
+import { makeStyles } from 'tss-react/mui';
+import AssemblySelector from './AssemblySelector';
+import BookmarkGrid from './BookmarkGrid';
 const ExportBookmarksDialog = lazy(() => import('./dialogs/ExportBookmarksDialog'));
 const ImportBookmarksDialog = lazy(() => import('./dialogs/ImportBookmarksDialog'));
 const ShareBookmarksDialog = lazy(() => import('./dialogs/ShareBookmarksDialog'));

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IExtendedLGV } from '../../model';
+import type { IExtendedLGV } from '../../model';
 type LGV = IExtendedLGV;
 declare const Highlight: ({ model }: {
     model: LGV;

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

@@ -1,12 +1,11 @@
 import React, { useEffect } from 'react';
-import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
+import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
 import { getSession, notEmpty } from '@jbrowse/core/util';
 import { colord } from '@jbrowse/core/util/colord';
-import { Tooltip } from '@mui/material';
-import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
-// icons
 import BookmarkIcon from '@mui/icons-material/Bookmark';
+import { Tooltip } from '@mui/material';
+import { observer } from 'mobx-react';
+import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()({
     bookmarkButton: {
         overflow: 'hidden',
@@ -23,7 +22,7 @@ const Highlight = observer(function Highlight({ model }) {
     const { classes } = useStyles();
     const session = getSession(model);
     const { assemblyManager } = session;
-    const { showBookmarkHighlights, showBookmarkLabels } = model;
+    const { bookmarkHighlightsVisible, bookmarkLabelsVisible } = model;
     const bookmarkWidget = session.widgets.get('GridBookmark');
     useEffect(() => {
         if (!bookmarkWidget) {
@@ -31,7 +30,7 @@ const Highlight = observer(function Highlight({ model }) {
         }
     }, [session, bookmarkWidget]);
     const set = new Set(model.assemblyNames);
-    return showBookmarkHighlights && (bookmarkWidget === null || bookmarkWidget === void 0 ? void 0 : bookmarkWidget.bookmarks)
+    return bookmarkHighlightsVisible && (bookmarkWidget === null || bookmarkWidget === void 0 ? void 0 : bookmarkWidget.bookmarks)
         ? bookmarkWidget.bookmarks
             .filter(value => set.has(value.assemblyName))
             .map(r => {
@@ -51,15 +50,13 @@ const Highlight = observer(function Highlight({ model }) {
                 : undefined;
         })
             .filter(notEmpty)
-            .map(({ left, width, highlight, label, bookmark }, idx) => (
-        /* biome-ignore lint/suspicious/noArrayIndexKey: */
-        React.createElement(React.Fragment, { key: `${left}_${width}_${idx}` },
+            .map(({ left, width, highlight, label, bookmark }, idx) => (React.createElement(React.Fragment, { key: `${left}_${width}_${idx}` },
             React.createElement("div", { className: classes.highlight, id: "highlight", style: {
                     left,
                     width,
                     background: highlight,
                 } }),
-            showBookmarkLabels && width > 20 ? (React.createElement("div", { className: classes.bookmarkButton, style: { left } },
+            bookmarkLabelsVisible && width > 20 ? (React.createElement("div", { className: classes.bookmarkButton, style: { left } },
                 React.createElement(CascadingMenuButton, { menuItems: [
                         {
                             label: 'Open bookmark widget',
@@ -67,6 +64,12 @@ const Highlight = observer(function Highlight({ model }) {
                                 session.showWidget(bookmarkWidget);
                             },
                         },
+                        {
+                            label: 'Turn off highlights',
+                            onClick: () => {
+                                bookmarkWidget.setBookmarkHighlightsVisible(false);
+                            },
+                        },
                         {
                             label: 'Remove bookmark',
                             onClick: () => {

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
-import { IExtendedLGV } from '../../model';
+import type { IExtendedLGV } from '../../model';
+import type { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
 type LGV = IExtendedLGV;
 declare const OverviewHighlight: ({ model, overview, }: {
     model: LGV;

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

@@ -1,8 +1,8 @@
 import React, { useEffect } from 'react';
-import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
 import { getSession, notEmpty } from '@jbrowse/core/util';
 import { Tooltip } from '@mui/material';
+import { observer } from 'mobx-react';
+import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()({
     highlight: {
         height: '100%',
@@ -14,7 +14,7 @@ const OverviewHighlight = observer(function OverviewHighlight({ model, overview,
     const session = getSession(model);
     const { classes } = useStyles();
     const { assemblyManager } = session;
-    const { showBookmarkHighlights, showBookmarkLabels } = model;
+    const { bookmarkHighlightsVisible, bookmarkLabelsVisible } = model;
     const bookmarkWidget = session.widgets.get('GridBookmark');
     useEffect(() => {
         if (!bookmarkWidget) {
@@ -22,7 +22,7 @@ const OverviewHighlight = observer(function OverviewHighlight({ model, overview,
         }
     }, [session, bookmarkWidget]);
     const assemblyNames = new Set(model.assemblyNames);
-    return showBookmarkHighlights && (bookmarkWidget === null || bookmarkWidget === void 0 ? void 0 : bookmarkWidget.bookmarks)
+    return bookmarkHighlightsVisible && (bookmarkWidget === null || bookmarkWidget === void 0 ? void 0 : bookmarkWidget.bookmarks)
         ? bookmarkWidget.bookmarks
             .filter(r => assemblyNames.has(r.assemblyName))
             .map(r => {
@@ -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: bookmarkLabelsVisible ? label : '', arrow: true },
                 React.createElement("div", { className: classes.highlight, style: {
                         left,
                         width,

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

@@ -1,2 +1,2 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function AddHighlightModelF(pluginManager: PluginManager): void;

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { GridBookmarkModel } from '../../model';
+import type { GridBookmarkModel } from '../../model';
 declare const DeleteBookmarksDialog: ({ onClose, model, }: {
     onClose: () => void;
     model: GridBookmarkModel;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { observer } from 'mobx-react';
-import { Button, DialogContent, DialogActions, Alert } from '@mui/material';
 import { Dialog } from '@jbrowse/core/ui';
+import { Alert, Button, DialogActions, DialogContent } from '@mui/material';
+import { observer } from 'mobx-react';
 const DeleteBookmarksDialog = observer(function ({ onClose, model, }) {
     const { selectedBookmarks } = model;
     const deleteAll = selectedBookmarks.length === 0;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { GridBookmarkModel } from '../../model';
+import type { GridBookmarkModel } from '../../model';
 declare const EditHighlightColorDialog: ({ onClose, model, }: {
     onClose: () => void;
     model: GridBookmarkModel;

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

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
-import { observer } from 'mobx-react';
-import { Button, DialogContent, DialogActions, Alert, Typography, } from '@mui/material';
 import { Dialog } from '@jbrowse/core/ui';
 import { ColorPicker } from '@jbrowse/core/ui/ColorPicker';
+import { Alert, Button, DialogActions, DialogContent, Typography, } from '@mui/material';
+import { observer } from 'mobx-react';
 const EditHighlightColorDialog = observer(function ({ onClose, model, }) {
     var _a, _b;
     const { selectedBookmarks } = model;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { GridBookmarkModel } from '../../model';
+import type { GridBookmarkModel } from '../../model';
 declare const ExportBookmarksDialog: ({ model, onClose, }: {
     model: GridBookmarkModel;
-    onClose: (arg: boolean) => void;
+    onClose: () => void;
 }) => React.JSX.Element;
 export default ExportBookmarksDialog;

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

@@ -1,10 +1,9 @@
 import React, { useState } from 'react';
-import { observer } from 'mobx-react';
-import { Button, DialogContent, DialogActions, MenuItem, Select, Typography, Alert, } from '@mui/material';
-import { makeStyles } from 'tss-react/mui';
 import { Dialog } from '@jbrowse/core/ui';
-// Icons
 import GetAppIcon from '@mui/icons-material/GetApp';
+import { Alert, Button, DialogActions, DialogContent, MenuItem, Select, Typography, } from '@mui/material';
+import { observer } from 'mobx-react';
+import { makeStyles } from 'tss-react/mui';
 import { downloadBookmarkFile } from '../../utils';
 const useStyles = makeStyles()({
     flexItem: {
@@ -18,12 +17,14 @@ const useStyles = makeStyles()({
         gap: '5px',
     },
 });
-const ExportBookmarksDialog = observer(function ExportBookmarksDialog({ model, onClose, }) {
+const ExportBookmarksDialog = observer(function ({ model, onClose, }) {
     const { classes } = useStyles();
     const [fileType, setFileType] = useState('BED');
     const { selectedBookmarks } = model;
     const exportAll = selectedBookmarks.length === 0;
-    return (React.createElement(Dialog, { open: true, onClose: onClose, title: "Export bookmarks" },
+    return (React.createElement(Dialog, { open: true, onClose: () => {
+            onClose();
+        }, title: "Export bookmarks" },
         React.createElement(DialogContent, { className: classes.container },
             React.createElement(Alert, { severity: "info" }, exportAll ? (React.createElement(React.Fragment, null,
                 React.createElement("span", null, "All bookmarks will be exported."),
@@ -39,7 +40,7 @@ const ExportBookmarksDialog = observer(function ExportBookmarksDialog({ model, o
         React.createElement(DialogActions, null,
             React.createElement(Button, { variant: "contained", color: "primary", startIcon: React.createElement(GetAppIcon, null), onClick: () => {
                     downloadBookmarkFile(fileType, model);
-                    onClose(false);
+                    onClose();
                 } }, "Download"))));
 });
 export default ExportBookmarksDialog;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { GridBookmarkModel } from '../../model';
+import type { GridBookmarkModel } from '../../model';
 declare const HighlightSettingsDialog: ({ onClose, model, }: {
     onClose: () => void;
     model: GridBookmarkModel;

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

@@ -1,19 +1,19 @@
 import React from 'react';
-import { observer } from 'mobx-react';
-import { Button, DialogContent, DialogActions, Stack, Typography, Switch, } from '@mui/material';
 import { Dialog } from '@jbrowse/core/ui';
+import { Button, DialogActions, DialogContent, Stack, Switch, Typography, } from '@mui/material';
+import { observer } from 'mobx-react';
 const HighlightSettingsDialog = observer(function ({ onClose, model, }) {
     return (React.createElement(Dialog, { open: true, onClose: onClose, title: "Highlight bookmarks" },
         React.createElement(DialogContent, null,
             React.createElement(Typography, { variant: "h6" }, "Highlight toggles"),
             React.createElement(Stack, { direction: "row", alignItems: "center" },
                 React.createElement(Switch, { "data-testid": "toggle_highlight_all_switch", checked: model.areBookmarksHighlightedOnAllOpenViews, onChange: () => {
-                        model.setHighlightToggle(!model.areBookmarksHighlightedOnAllOpenViews);
+                        model.setBookmarkHighlightsVisible(!model.areBookmarksHighlightedOnAllOpenViews);
                     } }),
                 React.createElement(Typography, null, "Toggle bookmark highlights on all open views")),
             React.createElement(Stack, { direction: "row", alignItems: "center" },
                 React.createElement(Switch, { "data-testid": "toggle_highlight_label_all_switch", checked: model.areBookmarksHighlightLabelsOnAllOpenViews, onChange: () => {
-                        model.setLabelToggle(!model.areBookmarksHighlightLabelsOnAllOpenViews);
+                        model.setBookmarkLabelsVisible(!model.areBookmarksHighlightLabelsOnAllOpenViews);
                     } }),
                 React.createElement(Typography, null, "Toggle 'bookmark' icon on LGV tracks"))),
         React.createElement(DialogActions, null,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { GridBookmarkModel } from '../../model';
+import type { GridBookmarkModel } from '../../model';
 declare const ImportBookmarksDialog: ({ onClose, model, }: {
     onClose: () => void;
     model: GridBookmarkModel;

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

@@ -1,17 +1,15 @@
 import React, { useState } from 'react';
-import { observer } from 'mobx-react';
+import { AssemblySelector, Dialog, ErrorMessage, FileSelector, } from '@jbrowse/core/ui';
 import { getSession } from '@jbrowse/core/util';
-import { isSessionWithShareURL } from '@jbrowse/core/util/types';
-import { ErrorMessage, FileSelector } from '@jbrowse/core/ui';
-import { Accordion, AccordionSummary, AccordionDetails, Button, DialogContent, DialogActions, TextField, Typography, } from '@mui/material';
 import { openLocation } from '@jbrowse/core/util/io';
-import { Dialog, AssemblySelector } from '@jbrowse/core/ui';
-import { makeStyles } from 'tss-react/mui';
-// icons
-import ImportIcon from '@mui/icons-material/Publish';
+import { isSessionWithShareURL } from '@jbrowse/core/util/types';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import { fromUrlSafeB64 } from '../../utils';
+import ImportIcon from '@mui/icons-material/Publish';
+import { Accordion, AccordionDetails, AccordionSummary, Button, DialogActions, DialogContent, TextField, Typography, } from '@mui/material';
+import { observer } from 'mobx-react';
+import { makeStyles } from 'tss-react/mui';
 import { readSessionFromDynamo } from '../../sessionSharing';
+import { fromUrlSafeB64 } from '../../utils';
 const useStyles = makeStyles()(theme => ({
     expandIcon: {
         color: theme.palette.tertiary.contrastText || '#fff',
@@ -109,7 +107,6 @@ const ImportBookmarksDialog = observer(function ({ onClose, model, }) {
                                 model.importBookmarks(await getBookmarksFromBEDFile(lines, selectedAsm));
                             }
                             else {
-                                // TSV
                                 model.importBookmarks(await getBookmarksFromTSVFile(lines));
                             }
                         }

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { GridBookmarkModel } from '../../model';
+import type { GridBookmarkModel } from '../../model';
 declare const ShareBookmarksDialog: ({ onClose, model, }: {
     onClose: () => void;
     model: GridBookmarkModel;

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

@@ -1,13 +1,12 @@
 import React, { useEffect, useState } from 'react';
+import { Dialog, ErrorMessage } from '@jbrowse/core/ui';
+import { ContentCopy as ContentCopyIcon } from '@jbrowse/core/ui/Icons';
+import { getSession, isSessionWithShareURL } from '@jbrowse/core/util';
+import { Alert, Button, DialogActions, DialogContent, DialogContentText, TextField, Typography, } from '@mui/material';
+import copy from 'copy-to-clipboard';
 import { observer } from 'mobx-react';
 import { getSnapshot } from 'mobx-state-tree';
-import { Alert, Button, DialogActions, DialogContent, DialogContentText, TextField, Typography, } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
-import copy from 'copy-to-clipboard';
-import { getSession, isSessionWithShareURL } from '@jbrowse/core/util';
-import { Dialog, ErrorMessage } from '@jbrowse/core/ui';
-import { ContentCopy as ContentCopyIcon } from '@jbrowse/core/ui/Icons';
-// locals
 import { shareSessionToDynamo } from '../../sessionSharing';
 const useStyles = makeStyles()(() => ({
     flexItem: {
@@ -31,7 +30,6 @@ const ShareBookmarksDialog = observer(function ({ onClose, model, }) {
         ? model.allBookmarksModel
         : model.sharedBookmarksModel;
     useEffect(() => {
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
         ;
         (async () => {
             try {

package/esm/GridBookmarkWidget/index.d.ts

@@ -1,2 +1,2 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function GridBookmarkWidgetF(pluginManager: PluginManager): void;

package/esm/GridBookmarkWidget/index.js

@@ -1,9 +1,8 @@
 import { lazy } from 'react';
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 import { WidgetType } from '@jbrowse/core/pluggableElementTypes';
-// locals
-import stateModelFactory from './model';
 import AddHighlightModelF from './components/Highlight';
+import stateModelFactory from './model';
 const configSchema = ConfigurationSchema('GridBookmarkWidget', {});
 export default function GridBookmarkWidgetF(pluginManager) {
     pluginManager.addWidgetType(() => {