@jbrowse/plugin-grid-bookmark 2.16.1 → 2.18.0

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

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

package/dist/GridBookmarkWidget/components/AssemblySelector.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const mobx_react_1 = require("mobx-react");
 const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
 const AssemblySelector = (0, mobx_react_1.observer)(function ({ model, }) {
     const { validAssemblies, selectedAssemblies } = model;
     const noAssemblies = validAssemblies.size === 0;
@@ -19,7 +19,6 @@ const AssemblySelector = (0, mobx_react_1.observer)(function ({ model, }) {
                 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) {
                         model.setSelectedAssemblies([]);
                     }

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

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

package/dist/GridBookmarkWidget/components/BookmarkGrid.js

@@ -1,41 +1,16 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
+const react_1 = __importDefault(require("react"));
+const ColorPicker_1 = __importDefault(require("@jbrowse/core/ui/ColorPicker"));
+const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
 const x_data_grid_1 = require("@mui/x-data-grid");
-const util_1 = require("@jbrowse/core/util");
-const ColorPicker_1 = __importDefault(require("@jbrowse/core/ui/ColorPicker"));
-// locals
+const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
 const utils_1 = require("../utils");
-const EditBookmarkLabelDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./dialogs/EditBookmarkLabelDialog'))));
 const useStyles = (0, mui_1.makeStyles)()(() => ({
     cell: {
         whiteSpace: 'nowrap',
@@ -67,57 +42,53 @@ const BookmarkGrid = (0, mobx_react_1.observer)(function ({ model, }) {
         Math.max((0, util_1.measureText)('Assembly', 12) + 30, (0, util_1.measureGridWidth)(rows.map(row => row.assemblyName))),
         100,
     ];
-    return (react_1.default.createElement(x_data_grid_1.DataGrid, { autoHeight: true, density: "compact", rows: rows, columns: [
-            {
-                ...x_data_grid_1.GRID_CHECKBOX_SELECTION_COL_DEF,
-                width: widths[0],
-            },
-            {
-                field: 'locString',
-                headerName: 'Bookmark link',
-                width: widths[1],
-                renderCell: ({ value, row }) => (react_1.default.createElement(material_1.Link, { className: classes.cell, href: "#", onClick: async (event) => {
-                        event.preventDefault();
-                        const { views } = session;
-                        await (0, utils_1.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_1.default.createElement(ColorPicker_1.default, { color: value || 'black', onChange: event => {
-                        model.updateBookmarkHighlight(row, event);
-                    } })),
-            },
-        ], onCellDoubleClick: ({ row }) => {
-            (0, util_1.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_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column' } },
+        react_1.default.createElement(x_data_grid_1.DataGrid, { density: "compact", rows: rows, columns: [
+                {
+                    ...x_data_grid_1.GRID_CHECKBOX_SELECTION_COL_DEF,
+                    width: widths[0],
+                },
+                {
+                    field: 'locString',
+                    headerName: 'Bookmark link',
+                    width: widths[1],
+                    renderCell: ({ value, row }) => (react_1.default.createElement(material_1.Link, { className: classes.cell, href: "#", onClick: async (event) => {
+                            event.preventDefault();
+                            const { views } = session;
+                            await (0, utils_1.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_1.default.createElement(ColorPicker_1.default, { 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 })));
 });
 exports.default = BookmarkGrid;

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

@@ -27,23 +27,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const util_1 = require("@jbrowse/core/util");
-const material_1 = require("@mui/material");
 const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
-// locals
-const BookmarkGrid_1 = __importDefault(require("./BookmarkGrid"));
-const AssemblySelector_1 = __importDefault(require("./AssemblySelector"));
-// icons
-const Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
+const util_1 = require("@jbrowse/core/util");
+const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
 const GetApp_1 = __importDefault(require("@mui/icons-material/GetApp"));
+const Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
+const Palette_1 = __importDefault(require("@mui/icons-material/Palette"));
 const Publish_1 = __importDefault(require("@mui/icons-material/Publish"));
 const Settings_1 = __importDefault(require("@mui/icons-material/Settings"));
-const Palette_1 = __importDefault(require("@mui/icons-material/Palette"));
 const Share_1 = __importDefault(require("@mui/icons-material/Share"));
-const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-// lazies
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
+const AssemblySelector_1 = __importDefault(require("./AssemblySelector"));
+const BookmarkGrid_1 = __importDefault(require("./BookmarkGrid"));
 const ExportBookmarksDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./dialogs/ExportBookmarksDialog'))));
 const ImportBookmarksDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./dialogs/ImportBookmarksDialog'))));
 const ShareBookmarksDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./dialogs/ShareBookmarksDialog'))));

package/dist/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/dist/GridBookmarkWidget/components/Highlight/Highlight.js

@@ -27,14 +27,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
+const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
 const util_1 = require("@jbrowse/core/util");
 const colord_1 = require("@jbrowse/core/util/colord");
-const material_1 = require("@mui/material");
-const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
-// icons
 const Bookmark_1 = __importDefault(require("@mui/icons-material/Bookmark"));
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()({
     bookmarkButton: {
         overflow: 'hidden',
@@ -51,7 +50,7 @@ const Highlight = (0, mobx_react_1.observer)(function Highlight({ model }) {
     const { classes } = useStyles();
     const session = (0, util_1.getSession)(model);
     const { assemblyManager } = session;
-    const { showBookmarkHighlights, showBookmarkLabels } = model;
+    const { bookmarkHighlightsVisible, bookmarkLabelsVisible } = model;
     const bookmarkWidget = session.widgets.get('GridBookmark');
     (0, react_1.useEffect)(() => {
         if (!bookmarkWidget) {
@@ -59,7 +58,7 @@ const Highlight = (0, mobx_react_1.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 => {
@@ -79,15 +78,13 @@ const Highlight = (0, mobx_react_1.observer)(function Highlight({ model }) {
                 : undefined;
         })
             .filter(util_1.notEmpty)
-            .map(({ left, width, highlight, label, bookmark }, idx) => (
-        /* biome-ignore lint/suspicious/noArrayIndexKey: */
-        react_1.default.createElement(react_1.default.Fragment, { key: `${left}_${width}_${idx}` },
+            .map(({ left, width, highlight, label, bookmark }, idx) => (react_1.default.createElement(react_1.default.Fragment, { key: `${left}_${width}_${idx}` },
             react_1.default.createElement("div", { className: classes.highlight, id: "highlight", style: {
                     left,
                     width,
                     background: highlight,
                 } }),
-            showBookmarkLabels && width > 20 ? (react_1.default.createElement("div", { className: classes.bookmarkButton, style: { left } },
+            bookmarkLabelsVisible && width > 20 ? (react_1.default.createElement("div", { className: classes.bookmarkButton, style: { left } },
                 react_1.default.createElement(CascadingMenuButton_1.default, { menuItems: [
                         {
                             label: 'Open bookmark widget',
@@ -95,6 +92,12 @@ const Highlight = (0, mobx_react_1.observer)(function Highlight({ model }) {
                                 session.showWidget(bookmarkWidget);
                             },
                         },
+                        {
+                            label: 'Turn off highlights',
+                            onClick: () => {
+                                bookmarkWidget.setBookmarkHighlightsVisible(false);
+                            },
+                        },
                         {
                             label: 'Remove bookmark',
                             onClick: () => {

package/dist/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/dist/GridBookmarkWidget/components/Highlight/OverviewHighlight.js

@@ -24,10 +24,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
 const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()({
     highlight: {
         height: '100%',
@@ -39,7 +39,7 @@ const OverviewHighlight = (0, mobx_react_1.observer)(function OverviewHighlight(
     const session = (0, util_1.getSession)(model);
     const { classes } = useStyles();
     const { assemblyManager } = session;
-    const { showBookmarkHighlights, showBookmarkLabels } = model;
+    const { bookmarkHighlightsVisible, bookmarkLabelsVisible } = model;
     const bookmarkWidget = session.widgets.get('GridBookmark');
     (0, react_1.useEffect)(() => {
         if (!bookmarkWidget) {
@@ -47,7 +47,7 @@ const OverviewHighlight = (0, mobx_react_1.observer)(function OverviewHighlight(
         }
     }, [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 => {
@@ -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: bookmarkLabelsVisible ? label : '', arrow: true },
                 react_1.default.createElement("div", { className: classes.highlight, style: {
                         left,
                         width,

package/dist/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/dist/GridBookmarkWidget/components/Highlight/index.js

@@ -5,21 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = AddHighlightModelF;
 const react_1 = __importDefault(require("react"));
-// locals
 const Highlight_1 = __importDefault(require("./Highlight"));
 const OverviewHighlight_1 = __importDefault(require("./OverviewHighlight"));
 function AddHighlightModelF(pluginManager) {
-    pluginManager.addToExtensionPoint('LinearGenomeView-TracksContainerComponent', 
-    // @ts-expect-error
-    (rest, { model }) => {
+    pluginManager.addToExtensionPoint('LinearGenomeView-TracksContainerComponent', (rest, { model }) => {
         return [
             ...(rest || []),
             react_1.default.createElement(Highlight_1.default, { 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_1.default.createElement(OverviewHighlight_1.default, { key: "overview_highlight_grid_bookmark", model: model, overview: overview }),

package/dist/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/dist/GridBookmarkWidget/components/dialogs/DeleteBookmarksDialog.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const mobx_react_1 = require("mobx-react");
-const material_1 = require("@mui/material");
 const ui_1 = require("@jbrowse/core/ui");
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
 const DeleteBookmarksDialog = (0, mobx_react_1.observer)(function ({ onClose, model, }) {
     const { selectedBookmarks } = model;
     const deleteAll = selectedBookmarks.length === 0;

package/dist/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/dist/GridBookmarkWidget/components/dialogs/EditHighlightColorDialog.js

@@ -24,10 +24,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
-const material_1 = require("@mui/material");
 const ui_1 = require("@jbrowse/core/ui");
 const ColorPicker_1 = require("@jbrowse/core/ui/ColorPicker");
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
 const EditHighlightColorDialog = (0, mobx_react_1.observer)(function ({ onClose, model, }) {
     var _a, _b;
     const { selectedBookmarks } = model;

package/dist/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/dist/GridBookmarkWidget/components/dialogs/ExportBookmarksDialog.js

@@ -27,12 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
 const ui_1 = require("@jbrowse/core/ui");
-// Icons
 const GetApp_1 = __importDefault(require("@mui/icons-material/GetApp"));
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
 const utils_1 = require("../../utils");
 const useStyles = (0, mui_1.makeStyles)()({
     flexItem: {
@@ -46,12 +45,14 @@ const useStyles = (0, mui_1.makeStyles)()({
         gap: '5px',
     },
 });
-const ExportBookmarksDialog = (0, mobx_react_1.observer)(function ExportBookmarksDialog({ model, onClose, }) {
+const ExportBookmarksDialog = (0, mobx_react_1.observer)(function ({ model, onClose, }) {
     const { classes } = useStyles();
     const [fileType, setFileType] = (0, react_1.useState)('BED');
     const { selectedBookmarks } = model;
     const exportAll = selectedBookmarks.length === 0;
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: onClose, title: "Export bookmarks" },
+    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: () => {
+            onClose();
+        }, title: "Export bookmarks" },
         react_1.default.createElement(material_1.DialogContent, { className: classes.container },
             react_1.default.createElement(material_1.Alert, { severity: "info" }, exportAll ? (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement("span", null, "All bookmarks will be exported."),
@@ -67,7 +68,7 @@ const ExportBookmarksDialog = (0, mobx_react_1.observer)(function ExportBookmark
         react_1.default.createElement(material_1.DialogActions, null,
             react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", startIcon: react_1.default.createElement(GetApp_1.default, null), onClick: () => {
                     (0, utils_1.downloadBookmarkFile)(fileType, model);
-                    onClose(false);
+                    onClose();
                 } }, "Download"))));
 });
 exports.default = ExportBookmarksDialog;

package/dist/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/dist/GridBookmarkWidget/components/dialogs/HighlightSettingsDialog.js

@@ -4,21 +4,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const mobx_react_1 = require("mobx-react");
-const material_1 = require("@mui/material");
 const ui_1 = require("@jbrowse/core/ui");
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
 const HighlightSettingsDialog = (0, mobx_react_1.observer)(function ({ onClose, model, }) {
     return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: onClose, title: "Highlight bookmarks" },
         react_1.default.createElement(material_1.DialogContent, null,
             react_1.default.createElement(material_1.Typography, { variant: "h6" }, "Highlight toggles"),
             react_1.default.createElement(material_1.Stack, { direction: "row", alignItems: "center" },
                 react_1.default.createElement(material_1.Switch, { "data-testid": "toggle_highlight_all_switch", checked: model.areBookmarksHighlightedOnAllOpenViews, onChange: () => {
-                        model.setHighlightToggle(!model.areBookmarksHighlightedOnAllOpenViews);
+                        model.setBookmarkHighlightsVisible(!model.areBookmarksHighlightedOnAllOpenViews);
                     } }),
                 react_1.default.createElement(material_1.Typography, null, "Toggle bookmark highlights on all open views")),
             react_1.default.createElement(material_1.Stack, { direction: "row", alignItems: "center" },
                 react_1.default.createElement(material_1.Switch, { "data-testid": "toggle_highlight_label_all_switch", checked: model.areBookmarksHighlightLabelsOnAllOpenViews, onChange: () => {
-                        model.setLabelToggle(!model.areBookmarksHighlightLabelsOnAllOpenViews);
+                        model.setBookmarkLabelsVisible(!model.areBookmarksHighlightLabelsOnAllOpenViews);
                     } }),
                 react_1.default.createElement(material_1.Typography, null, "Toggle 'bookmark' icon on LGV tracks"))),
         react_1.default.createElement(material_1.DialogActions, null,

package/dist/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/dist/GridBookmarkWidget/components/dialogs/ImportBookmarksDialog.js

@@ -27,19 +27,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
+const ui_1 = require("@jbrowse/core/ui");
 const util_1 = require("@jbrowse/core/util");
+const io_1 = require("@jbrowse/core/util/io");
 const types_1 = require("@jbrowse/core/util/types");
-const ui_1 = require("@jbrowse/core/ui");
+const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
+const Publish_1 = __importDefault(require("@mui/icons-material/Publish"));
 const material_1 = require("@mui/material");
-const io_1 = require("@jbrowse/core/util/io");
-const ui_2 = require("@jbrowse/core/ui");
+const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
-// icons
-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 utils_1 = require("../../utils");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     expandIcon: {
         color: theme.palette.tertiary.contrastText || '#fff',
@@ -102,7 +100,7 @@ const ImportBookmarksDialog = (0, mobx_react_1.observer)(function ({ onClose, mo
     const { assemblyNames } = session;
     const [selectedAsm, setSelectedAsm] = (0, react_1.useState)(assemblyNames[0]);
     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" },
+    return (react_1.default.createElement(ui_1.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');
@@ -121,7 +119,7 @@ const ImportBookmarksDialog = (0, mobx_react_1.observer)(function ({ onClose, mo
                     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 => {
+                    react_1.default.createElement(ui_1.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),
@@ -137,7 +135,6 @@ const ImportBookmarksDialog = (0, mobx_react_1.observer)(function ({ onClose, mo
                                 model.importBookmarks(await getBookmarksFromBEDFile(lines, selectedAsm));
                             }
                             else {
-                                // TSV
                                 model.importBookmarks(await getBookmarksFromTSVFile(lines));
                             }
                         }

package/dist/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/dist/GridBookmarkWidget/components/dialogs/ShareBookmarksDialog.js

@@ -27,15 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
+const ui_1 = require("@jbrowse/core/ui");
+const Icons_1 = require("@jbrowse/core/ui/Icons");
+const util_1 = require("@jbrowse/core/util");
+const material_1 = require("@mui/material");
+const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
 const mobx_react_1 = require("mobx-react");
 const mobx_state_tree_1 = require("mobx-state-tree");
-const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
-const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
-const util_1 = require("@jbrowse/core/util");
-const ui_1 = require("@jbrowse/core/ui");
-const Icons_1 = require("@jbrowse/core/ui/Icons");
-// locals
 const sessionSharing_1 = require("../../sessionSharing");
 const useStyles = (0, mui_1.makeStyles)()(() => ({
     flexItem: {
@@ -59,7 +58,6 @@ const ShareBookmarksDialog = (0, mobx_react_1.observer)(function ({ onClose, mod
         ? model.allBookmarksModel
         : model.sharedBookmarksModel;
     (0, react_1.useEffect)(() => {
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
         ;
         (async () => {
             try {

package/dist/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;