@jbrowse/plugin-grid-bookmark 2.6.2 → 2.7.0

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

@@ -1,8 +1,6 @@
 import React from 'react';
 import { GridBookmarkModel } from '../model';
-declare function ImportBookmarks({ model, assemblyName, }: {
+declare const ImportBookmarks: ({ model, }: {
     model: GridBookmarkModel;
-    assemblyName: string;
-}): React.JSX.Element;
-declare const _default: typeof ImportBookmarks;
-export default _default;
+}) => React.JSX.Element;
+export default ImportBookmarks;

package/dist/GridBookmarkWidget/components/ImportBookmarks.js

@@ -28,71 +28,15 @@ 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 util_1 = require("@jbrowse/core/util");
-const AssemblySelector_1 = __importDefault(require("@jbrowse/core/ui/AssemblySelector"));
-const ui_1 = require("@jbrowse/core/ui");
-const io_1 = require("@jbrowse/core/util/io");
 const material_1 = require("@mui/material");
-const ui_2 = require("@jbrowse/core/ui");
-const mui_1 = require("tss-react/mui");
 // icons
 const Publish_1 = __importDefault(require("@mui/icons-material/Publish"));
-const useStyles = (0, mui_1.makeStyles)()(() => ({
-    dialogContainer: {
-        margin: 15,
-    },
-    flexItem: {
-        margin: 5,
-    },
-}));
-function ImportBookmarks({ model, assemblyName, }) {
-    const { classes } = useStyles();
-    const session = (0, util_1.getSession)(model);
-    const { assemblyNames } = session;
-    const [dialogOpen, setDialogOpen] = (0, react_1.useState)(false);
-    const [location, setLocation] = (0, react_1.useState)();
-    const [error, setError] = (0, react_1.useState)();
-    const [selectedAsm, setSelectedAsm] = (0, react_1.useState)(assemblyName || assemblyNames[0]);
+const ImportBookmarksDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./ImportBookmarksDialog'))));
+const ImportBookmarks = (0, mobx_react_1.observer)(function ({ model, }) {
+    const [open, setOpen] = (0, react_1.useState)(false);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(Publish_1.default, null), onClick: () => setDialogOpen(true) }, "Import"),
-        react_1.default.createElement(ui_2.Dialog, { open: dialogOpen, onClose: () => setDialogOpen(false), maxWidth: "xl", title: "Import bookmarks" },
-            react_1.default.createElement(material_1.DialogContent, null,
-                react_1.default.createElement(material_1.Typography, null, "Choose a BED format file to import. The first 4 columns will be used"),
-                react_1.default.createElement(ui_1.FileSelector, { location: location, setLocation: setLocation, name: "File" }),
-                react_1.default.createElement(material_1.Typography, null, "Select assembly that your data belongs to"),
-                react_1.default.createElement(AssemblySelector_1.default, { onChange: val => setSelectedAsm(val), session: session, selected: selectedAsm }),
-                error ? (react_1.default.createElement(material_1.Typography, { color: "error", variant: "h6" }, `${error}`)) : null),
-            react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => setDialogOpen(false) }, "Cancel"),
-                react_1.default.createElement(material_1.Button, { className: classes.flexItem, "data-testid": "dialogImport", variant: "contained", color: "primary", disabled: !location, startIcon: react_1.default.createElement(Publish_1.default, null), onClick: async () => {
-                        try {
-                            if (!location) {
-                                return;
-                            }
-                            const data = await (0, io_1.openLocation)(location).readFile('utf8');
-                            const regions = data
-                                .split(/\n|\r\n|\r/)
-                                .filter(f => !!f.trim())
-                                .filter(f => !f.startsWith('#') &&
-                                !f.startsWith('track') &&
-                                !f.startsWith('browser'))
-                                .map(line => {
-                                const [refName, start, end, name] = line.split('\t');
-                                return {
-                                    assemblyName: selectedAsm,
-                                    refName,
-                                    start: +start,
-                                    end: +end,
-                                    label: name === '.' ? undefined : name,
-                                };
-                            });
-                            model.importBookmarks(regions);
-                            setDialogOpen(false);
-                        }
-                        catch (e) {
-                            console.error(e);
-                            setError(e);
-                        }
-                    } }, "Import")))));
-}
-exports.default = (0, mobx_react_1.observer)(ImportBookmarks);
+        react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(Publish_1.default, null), onClick: () => setOpen(true) }, "Import"),
+        open ? (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(react_1.default.Fragment, null) },
+            react_1.default.createElement(ImportBookmarksDialog, { onClose: () => setOpen(false), model: model }))) : null));
+});
+exports.default = ImportBookmarks;

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

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

package/dist/GridBookmarkWidget/components/ImportBookmarksDialog.js

@@ -0,0 +1,129 @@
+"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 util_1 = require("@jbrowse/core/util");
+const types_1 = require("@jbrowse/core/util/types");
+const ui_1 = require("@jbrowse/core/ui");
+const material_1 = require("@mui/material");
+const io_1 = require("@jbrowse/core/util/io");
+const ui_2 = require("@jbrowse/core/ui");
+const AssemblySelector_1 = __importDefault(require("@jbrowse/core/ui/AssemblySelector"));
+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 Help_1 = __importDefault(require("@mui/icons-material/Help"));
+const utils_1 = require("../utils");
+const sessionSharing_1 = require("../sessionSharing");
+const useStyles = (0, mui_1.makeStyles)()(theme => {
+    var _a;
+    return ({
+        flexItem: {
+            margin: 5,
+        },
+        expandIcon: {
+            color: ((_a = theme.palette.tertiary) === null || _a === void 0 ? void 0 : _a.contrastText) || '#fff',
+        },
+    });
+});
+async function getBookmarksFromShareLink(shareLink, shareURL) {
+    const defaultURL = 'https://share.jbrowse.org/api/v1/';
+    const urlParams = new URL(shareLink);
+    const sessionQueryParam = urlParams.searchParams.get('bookmarks');
+    const password = urlParams.searchParams.get('password');
+    const decryptedSession = await (0, sessionSharing_1.readSessionFromDynamo)(`${shareURL !== null && shareURL !== void 0 ? shareURL : defaultURL}load`, sessionQueryParam || '', password || '');
+    const sharedSession = JSON.parse(await (0, utils_1.fromUrlSafeB64)(decryptedSession));
+    return sharedSession.sharedBookmarks;
+}
+async function getBookmarksFromFile(location, selectedAsm) {
+    const data = await (0, io_1.openLocation)(location).readFile('utf8');
+    return data
+        .split(/\n|\r\n|\r/)
+        .filter(f => !!f.trim())
+        .filter(f => !f.startsWith('#') &&
+        !f.startsWith('track') &&
+        !f.startsWith('browser'))
+        .map(line => {
+        const [refName, start, end, label, assembly] = line.split('\t');
+        return {
+            assemblyName: assembly !== null && assembly !== void 0 ? assembly : selectedAsm,
+            refName,
+            start: +start,
+            end: +end,
+            label: label === '.' ? undefined : label,
+        };
+    });
+}
+const ImportBookmarksDialog = (0, mobx_react_1.observer)(function ({ onClose, model, }) {
+    const { classes } = useStyles();
+    const [location, setLocation] = (0, react_1.useState)();
+    const [error, setError] = (0, react_1.useState)();
+    const [shareLink, setShareLink] = (0, react_1.useState)('');
+    const session = (0, util_1.getSession)(model);
+    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" },
+        react_1.default.createElement(material_1.DialogContent, null,
+            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.Tooltip, { title: "The appropriate share link for sharing bookmarks is one generated via the 'Share' button in the 'Bookmarked regions' drawer. Paste it below to import shared bookmarks." },
+                            react_1.default.createElement(Help_1.default, null)))),
+                react_1.default.createElement(material_1.AccordionDetails, null,
+                    react_1.default.createElement(material_1.TextField, { label: "Enter URL", variant: "outlined", style: { width: '100%' }, 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." }),
+                    react_1.default.createElement(AssemblySelector_1.default, { onChange: val => setSelectedAsm(val), helperText: `Select the assembly your bookmarks belong to (BED or TSV without assembly column).`, session: session, selected: selectedAsm }))),
+            error ? (react_1.default.createElement(material_1.Typography, { color: "error", variant: "h6" }, `${error}`)) : 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, { className: classes.flexItem, "data-testid": "dialogImport", variant: "contained", color: "primary", disabled: !location && !shareLink, startIcon: react_1.default.createElement(Publish_1.default, null), onClick: async () => {
+                    try {
+                        if (location) {
+                            model.importBookmarks(await getBookmarksFromFile(location, selectedAsm));
+                        }
+                        else if (shareLink && (0, types_1.isSessionWithShareURL)(session)) {
+                            model.importBookmarks(await getBookmarksFromShareLink(shareLink, session.shareURL));
+                        }
+                        onClose();
+                    }
+                    catch (e) {
+                        console.error(e);
+                        setError(e);
+                    }
+                } }, "Import"))));
+});
+exports.default = ImportBookmarksDialog;

package/{esm/GridBookmarkWidget/components/ClearBookmarks.d.ts → dist/GridBookmarkWidget/components/ShareBookmarks.d.ts}

@@ -1,7 +1,6 @@
 import React from 'react';
 import { GridBookmarkModel } from '../model';
-declare function ClearBookmarks({ model }: {
+declare function ShareBookmarks({ model }: {
     model: GridBookmarkModel;
 }): React.JSX.Element;
-declare const _default: typeof ClearBookmarks;
-export default _default;
+export default ShareBookmarks;

package/dist/GridBookmarkWidget/components/ShareBookmarks.js

@@ -0,0 +1,37 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const material_1 = require("@mui/material");
+const Icons_1 = require("@jbrowse/core/ui/Icons");
+const ShareBookmarksDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./ShareBookmarksDialog'))));
+function ShareBookmarks({ model }) {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(Icons_1.ContentCopy, null), onClick: () => setOpen(true) }, "Share"),
+        open ? (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(react_1.default.Fragment, null) },
+            react_1.default.createElement(ShareBookmarksDialog, { onClose: () => setOpen(false), model: model }))) : null));
+}
+exports.default = ShareBookmarks;

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

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

package/dist/GridBookmarkWidget/components/ShareBookmarksDialog.js

@@ -0,0 +1,106 @@
+"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 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: {
+        margin: 5,
+    },
+}));
+const ShareBookmarksDialog = (0, mobx_react_1.observer)(function ({ onClose, model, }) {
+    const { classes } = useStyles();
+    const [url, setUrl] = (0, react_1.useState)('');
+    const [error, setError] = (0, react_1.useState)();
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const session = (0, util_1.getSession)(model);
+    const { selectedBookmarks } = model;
+    const shareAll = selectedBookmarks.length === 0;
+    const bookmarksToShare = selectedBookmarks.length === 0
+        ? model.allBookmarksModel
+        : model.sharedBookmarksModel;
+    (0, react_1.useEffect)(() => {
+        let cancelled = false;
+        (async () => {
+            try {
+                if (!(0, util_1.isSessionWithShareURL)(session)) {
+                    throw new Error('No shareURL configured');
+                }
+                setLoading(true);
+                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);
+                }
+            }
+            catch (e) {
+                setError(e);
+            }
+            finally {
+                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' } },
+            react_1.default.createElement(material_1.Alert, { severity: "info" }, shareAll ? (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("span", null, "All bookmarks will be shared."),
+                react_1.default.createElement("br", null),
+                react_1.default.createElement("span", null, "Use the checkboxes to select individual bookmarks to share."))) : ('Only selected bookmarks will be shared.')),
+            react_1.default.createElement(material_1.DialogContentText, null, "Copy the URL below to share your bookmarks."),
+            error ? (react_1.default.createElement(ui_1.ErrorMessage, { error: error })) : loading ? (react_1.default.createElement(material_1.Typography, null, "Generating short URL...")) : (react_1.default.createElement(material_1.TextField, { label: "URL", value: url, InputProps: { readOnly: true }, variant: "filled", fullWidth: true, onClick: event => {
+                    const target = event.target;
+                    target.select();
+                } })),
+            react_1.default.createElement(material_1.DialogContentText, null, "The URL should be pasted into the \"Import from share link\" field in the \"Import\" form found in the \"Bookmarked regions\" drawer.")),
+        react_1.default.createElement(material_1.DialogActions, null,
+            react_1.default.createElement(material_1.Button, { className: classes.flexItem, "data-testid": "dialogShare", variant: "contained", color: "primary", disabled: loading, startIcon: react_1.default.createElement(Icons_1.ContentCopy, null), onClick: async () => {
+                    (0, copy_to_clipboard_1.default)(url);
+                    session.notify('Copied to clipboard', 'success');
+                    onClose();
+                } }, "Copy share link"))));
+});
+exports.default = ShareBookmarksDialog;

package/dist/GridBookmarkWidget/model.d.ts

@@ -1,11 +1,48 @@
-import { Instance } from 'mobx-state-tree';
+import { Instance, SnapshotIn, IMSTArray } from 'mobx-state-tree';
 import PluginManager from '@jbrowse/core/PluginManager';
 import { Region } from '@jbrowse/core/util/types';
-export default function f(pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
+declare const LabeledRegionModel: import("mobx-state-tree").IModelType<{
+    refName: import("mobx-state-tree").ISimpleType<string>;
+    start: import("mobx-state-tree").ISimpleType<number>;
+    end: import("mobx-state-tree").ISimpleType<number>;
+    reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+} & {
+    assemblyName: import("mobx-state-tree").ISimpleType<string>;
+} & {
+    label: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+}, {
+    setRefName(newRefName: string): void;
+} & {
+    setLabel(label: string): void;
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+export interface ILabeledRegionModel extends SnapshotIn<typeof LabeledRegionModel> {
+    refName: string;
+    start: number;
+    end: number;
+    reversed: boolean;
+    assemblyName: string;
+    label: string;
+    setRefName: (newRefName: string) => void;
+    setLabel: (label: string) => void;
+}
+export interface IExtendedLabeledRegionModel extends ILabeledRegionModel {
+    id: number;
+    correspondingObj: ILabeledRegionModel;
+}
+export default function f(_pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
+    /**
+     * #property
+     */
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    /**
+     * #property
+     */
     type: import("mobx-state-tree").ISimpleType<"GridBookmarkWidget">;
-    view: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
-    bookmarkedRegions: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+    /**
+     * #property
+     * removed by postProcessSnapshot, only loaded from localStorage
+     */
+    bookmarks: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
         refName: import("mobx-state-tree").ISimpleType<string>;
         start: import("mobx-state-tree").ISimpleType<number>;
         end: import("mobx-state-tree").ISimpleType<number>;
@@ -18,18 +55,148 @@ export default function f(pluginManager: PluginManager): import("mobx-state-tree
         setRefName(newRefName: string): void;
     } & {
         setLabel(label: string): void;
-    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-    modelSelectedAssembly: import("mobx-state-tree").IType<string | undefined, string, string>;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
 }, {
+    selectedBookmarks: IExtendedLabeledRegionModel[];
+    selectedAssembliesPre: string[] | undefined;
+} & {
+    readonly bookmarkAssemblies: string[];
+    readonly validAssemblies: Set<string>;
+} & {
+    readonly bookmarksWithValidAssemblies: ({
+        refName: string;
+        start: number;
+        end: number;
+        reversed: boolean;
+        assemblyName: string;
+        label: string;
+    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+        setRefName(newRefName: string): void;
+    } & {
+        setLabel(label: string): void;
+    } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+        refName: import("mobx-state-tree").ISimpleType<string>;
+        start: import("mobx-state-tree").ISimpleType<number>;
+        end: import("mobx-state-tree").ISimpleType<number>;
+        reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+    } & {
+        assemblyName: import("mobx-state-tree").ISimpleType<string>;
+    } & {
+        label: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    }, {
+        setRefName(newRefName: string): void;
+    } & {
+        setLabel(label: string): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
+} & {
+    readonly sharedBookmarksModel: {
+        sharedBookmarks: (IMSTArray<import("mobx-state-tree").IModelType<{
+            refName: import("mobx-state-tree").ISimpleType<string>;
+            start: import("mobx-state-tree").ISimpleType<number>;
+            end: import("mobx-state-tree").ISimpleType<number>;
+            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        } & {
+            assemblyName: import("mobx-state-tree").ISimpleType<string>;
+        } & {
+            label: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        }, {
+            setRefName(newRefName: string): void;
+        } & {
+            setLabel(label: string): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IMaybe<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+            refName: import("mobx-state-tree").ISimpleType<string>;
+            start: import("mobx-state-tree").ISimpleType<number>;
+            end: import("mobx-state-tree").ISimpleType<number>;
+            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        } & {
+            assemblyName: import("mobx-state-tree").ISimpleType<string>;
+        } & {
+            label: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        }, {
+            setRefName(newRefName: string): void;
+        } & {
+            setLabel(label: string): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>>) | undefined;
+    } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+        sharedBookmarks: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+            refName: import("mobx-state-tree").ISimpleType<string>;
+            start: import("mobx-state-tree").ISimpleType<number>;
+            end: import("mobx-state-tree").ISimpleType<number>;
+            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        } & {
+            assemblyName: import("mobx-state-tree").ISimpleType<string>;
+        } & {
+            label: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        }, {
+            setRefName(newRefName: string): void;
+        } & {
+            setLabel(label: string): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>;
+    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    readonly allBookmarksModel: {
+        sharedBookmarks: (IMSTArray<import("mobx-state-tree").IModelType<{
+            refName: import("mobx-state-tree").ISimpleType<string>;
+            start: import("mobx-state-tree").ISimpleType<number>;
+            end: import("mobx-state-tree").ISimpleType<number>;
+            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        } & {
+            assemblyName: import("mobx-state-tree").ISimpleType<string>;
+        } & {
+            label: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        }, {
+            setRefName(newRefName: string): void;
+        } & {
+            setLabel(label: string): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IMaybe<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+            refName: import("mobx-state-tree").ISimpleType<string>;
+            start: import("mobx-state-tree").ISimpleType<number>;
+            end: import("mobx-state-tree").ISimpleType<number>;
+            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        } & {
+            assemblyName: import("mobx-state-tree").ISimpleType<string>;
+        } & {
+            label: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        }, {
+            setRefName(newRefName: string): void;
+        } & {
+            setLabel(label: string): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>>) | undefined;
+    } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+        sharedBookmarks: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+            refName: import("mobx-state-tree").ISimpleType<string>;
+            start: import("mobx-state-tree").ISimpleType<number>;
+            end: import("mobx-state-tree").ISimpleType<number>;
+            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        } & {
+            assemblyName: import("mobx-state-tree").ISimpleType<string>;
+        } & {
+            label: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        }, {
+            setRefName(newRefName: string): void;
+        } & {
+            setLabel(label: string): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>;
+    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+} & {
+    setSelectedAssemblies(assemblies?: string[]): void;
+} & {
+    readonly selectedAssemblies: string[];
+} & {
     importBookmarks(regions: Region[]): void;
     addBookmark(region: Region): void;
     removeBookmark(index: number): void;
+    updateBookmarkLabel(bookmark: IExtendedLabeledRegionModel, label: string): void;
+    setSelectedBookmarks(bookmarks: IExtendedLabeledRegionModel[]): void;
+    setBookmarkedRegions(regions: IMSTArray<typeof LabeledRegionModel>): void;
+} & {
     clearAllBookmarks(): void;
-    updateBookmarkLabel(index: number, label: string): void;
-    setSelectedAssembly(assembly: string): void;
+    clearSelectedBookmarks(): void;
 } & {
-    readonly selectedAssembly: string;
-    readonly assemblies: string[];
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+    afterAttach(): void;
+}, import("mobx-state-tree")._NotCustomized, {
+    type: "GridBookmarkWidget";
+    id: string;
+}>;
 export type GridBookmarkStateModel = ReturnType<typeof f>;
 export type GridBookmarkModel = Instance<GridBookmarkStateModel>;
+export {};