@jbrowse/plugin-grid-bookmark 1.7.11 → 2.1.0

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { GridBookmarkModel } from '../model';
+declare function AssemblySelector({ model }: {
+    model: GridBookmarkModel;
+}): JSX.Element;
+declare const _default: typeof AssemblySelector;
+export default _default;

package/esm/GridBookmarkWidget/components/AssemblySelector.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import { Typography, Select, MenuItem, FormControl } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+const useStyles = makeStyles()(() => ({
+    container: {
+        display: 'flex',
+        flexDirection: 'row',
+        margin: 5,
+    },
+    selectText: {
+        marginRight: 8,
+        marginTop: 10,
+    },
+    flexItem: {
+        marginRight: 8,
+    },
+}));
+function AssemblySelector({ model }) {
+    const { classes } = useStyles();
+    const { assemblies, selectedAssembly, setSelectedAssembly } = model;
+    const noAssemblies = assemblies.length === 0 ? true : false;
+    const determineCurrentValue = (selectedAssembly) => {
+        if (selectedAssembly === 'all') {
+            return 'all';
+        }
+        else if (assemblies.includes(selectedAssembly)) {
+            return selectedAssembly;
+        }
+        return 'none';
+    };
+    return (React.createElement("div", { className: classes.container },
+        React.createElement(Typography, { className: classes.selectText }, "Select assembly:"),
+        React.createElement(FormControl, { className: classes.flexItem, disabled: noAssemblies },
+            React.createElement(Select, { value: determineCurrentValue(selectedAssembly), onChange: event => setSelectedAssembly(event.target.value) },
+                React.createElement(MenuItem, { value: "none" }, "none"),
+                React.createElement(MenuItem, { value: "all" }, "all"),
+                assemblies.map(assembly => (React.createElement(MenuItem, { value: assembly, key: assembly }, assembly)))))));
+}
+export default observer(AssemblySelector);
+//# sourceMappingURL=AssemblySelector.js.map

package/esm/GridBookmarkWidget/components/AssemblySelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssemblySelector.js","sourceRoot":"","sources":["../../../src/GridBookmarkWidget/components/AssemblySelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI1C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;IACpC,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,MAAM,EAAE,CAAC;KACV;IACD,UAAU,EAAE;QACV,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,EAAE;KACd;IACD,QAAQ,EAAE;QACR,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC,CAAA;AAEH,SAAS,gBAAgB,CAAC,EAAE,KAAK,EAAgC;IAC/D,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAA;IACnE,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IAE3D,MAAM,qBAAqB,GAAG,CAAC,gBAAwB,EAAE,EAAE;QACzD,IAAI,gBAAgB,KAAK,KAAK,EAAE;YAC9B,OAAO,KAAK,CAAA;SACb;aAAM,IAAI,UAAU,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE;YAChD,OAAO,gBAAgB,CAAA;SACxB;QAED,OAAO,MAAM,CAAA;IACf,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,CAAC,SAAS;QAC/B,oBAAC,UAAU,IAAC,SAAS,EAAE,OAAO,CAAC,UAAU,uBAA+B;QACxE,oBAAC,WAAW,IAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY;YAC9D,oBAAC,MAAM,IACL,KAAK,EAAE,qBAAqB,CAAC,gBAAgB,CAAC,EAC9C,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBAE1D,oBAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,WAAgB;gBACtC,oBAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,UAAe;gBACnC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAC1B,oBAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,IACrC,QAAQ,CACA,CACZ,CAAC,CACK,CACG,CACV,CACP,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,gBAAgB,CAAC,CAAA"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { GridBookmarkModel } from '../model';
+declare function ClearBookmarks({ model }: {
+    model: GridBookmarkModel;
+}): JSX.Element;
+declare const _default: typeof ClearBookmarks;
+export default _default;

package/esm/GridBookmarkWidget/components/ClearBookmarks.js

@@ -0,0 +1,40 @@
+import React, { useState } from 'react';
+import { observer } from 'mobx-react';
+import { Button, IconButton, Dialog, DialogTitle, DialogContent, DialogActions, Typography, } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import ClearAllIcon from '@mui/icons-material/ClearAll';
+import CloseIcon from '@mui/icons-material/Close';
+const useStyles = makeStyles()(() => ({
+    closeDialog: {
+        position: 'absolute',
+        right: 0,
+        top: 0,
+    },
+    dialogContainer: {
+        margin: 15,
+    },
+}));
+function ClearBookmarks({ model }) {
+    const { classes } = useStyles();
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const { clearAllBookmarks } = model;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { startIcon: React.createElement(ClearAllIcon, null), "aria-label": "clear bookmarks", onClick: () => setDialogOpen(true) }, "Clear"),
+        React.createElement(Dialog, { open: dialogOpen, onClose: () => setDialogOpen(false) },
+            React.createElement(DialogTitle, null,
+                "Clear bookmarks",
+                React.createElement(IconButton, { className: classes.closeDialog, "aria-label": "close-dialog", onClick: () => setDialogOpen(false) },
+                    React.createElement(CloseIcon, null))),
+            React.createElement(DialogContent, null,
+                React.createElement(Typography, null, "Clear all bookmarks? Note this will clear bookmarks for all assemblies")),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => {
+                        setDialogOpen(false);
+                    } }, "Cancel"),
+                React.createElement(Button, { variant: "contained", color: "primary", onClick: () => {
+                        clearAllBookmarks();
+                        setDialogOpen(false);
+                    } }, "Confirm")))));
+}
+export default observer(ClearBookmarks);
+//# sourceMappingURL=ClearBookmarks.js.map

package/esm/GridBookmarkWidget/components/ClearBookmarks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearBookmarks.js","sourceRoot":"","sources":["../../../src/GridBookmarkWidget/components/ClearBookmarks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EACL,MAAM,EACN,UAAU,EACV,MAAM,EACN,WAAW,EACX,aAAa,EACb,aAAa,EACb,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,SAAS,MAAM,2BAA2B,CAAA;AAIjD,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;IACpC,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;KACP;IACD,eAAe,EAAE;QACf,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAC,CAAA;AAEH,SAAS,cAAc,CAAC,EAAE,KAAK,EAAgC;IAC7D,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,MAAM,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAA;IAEnC,OAAO,CACL;QACE,oBAAC,MAAM,IACL,SAAS,EAAE,oBAAC,YAAY,OAAG,gBAChB,iBAAiB,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,YAG3B;QACT,oBAAC,MAAM,IAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC;YAC3D,oBAAC,WAAW;;gBAEV,oBAAC,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,WAAW,gBACnB,cAAc,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC;oBAEnC,oBAAC,SAAS,OAAG,CACF,CACD;YACd,oBAAC,aAAa;gBACZ,oBAAC,UAAU,iFAGE,CACC;YAChB,oBAAC,aAAa;gBACZ,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,GAAG,EAAE;wBACZ,aAAa,CAAC,KAAK,CAAC,CAAA;oBACtB,CAAC,aAGM;gBACT,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;wBACZ,iBAAiB,EAAE,CAAA;wBACnB,aAAa,CAAC,KAAK,CAAC,CAAA;oBACtB,CAAC,cAGM,CACK,CACT,CACR,CACJ,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,cAAc,CAAC,CAAA"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { GridBookmarkModel } from '../model';
+declare function DeleteBookmarkDialog({ rowNumber, model, onClose, }: {
+    rowNumber: number | undefined;
+    model: GridBookmarkModel;
+    onClose: () => void;
+}): JSX.Element;
+declare const _default: typeof DeleteBookmarkDialog;
+export default _default;

package/esm/GridBookmarkWidget/components/DeleteBookmark.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import { assembleLocString } from '@jbrowse/core/util';
+import { IconButton, Button, Dialog, DialogTitle, DialogContent, DialogActions, Typography, } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import CloseIcon from '@mui/icons-material/Close';
+const useStyles = makeStyles()(() => ({
+    closeDialog: {
+        position: 'absolute',
+        right: 0,
+        top: 0,
+    },
+    dialogContainer: {
+        margin: 15,
+    },
+}));
+function DeleteBookmarkDialog({ rowNumber, model, onClose, }) {
+    const { classes } = useStyles();
+    const { removeBookmark } = model;
+    return (React.createElement(Dialog, { open: rowNumber !== undefined, onClose: onClose },
+        React.createElement(DialogTitle, null,
+            "Delete bookmark",
+            React.createElement(IconButton, { className: classes.closeDialog, "aria-label": "close-dialog", onClick: onClose },
+                React.createElement(CloseIcon, null))),
+        React.createElement(DialogContent, null,
+            React.createElement(Typography, null,
+                "Remove",
+                ' ',
+                React.createElement("code", null, rowNumber !== undefined
+                    ? assembleLocString(model.bookmarkedRegions[rowNumber])
+                    : ''),
+                ' ',
+                "?")),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => {
+                    onClose();
+                } }, "Cancel"),
+            React.createElement(Button, { variant: "contained", color: "primary", onClick: () => {
+                    if (rowNumber !== undefined) {
+                        removeBookmark(rowNumber);
+                        onClose();
+                    }
+                } }, "Confirm"))));
+}
+export default observer(DeleteBookmarkDialog);
+//# sourceMappingURL=DeleteBookmark.js.map

package/esm/GridBookmarkWidget/components/DeleteBookmark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteBookmark.js","sourceRoot":"","sources":["../../../src/GridBookmarkWidget/components/DeleteBookmark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAEtD,OAAO,EACL,UAAU,EACV,MAAM,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,aAAa,EACb,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,2BAA2B,CAAA;AAIjD,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;IACpC,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;KACP;IACD,eAAe,EAAE;QACf,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAC,CAAA;AAEH,SAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,OAAO,GAKR;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAE/B,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;IAEhC,OAAO,CACL,oBAAC,MAAM,IAAC,IAAI,EAAE,SAAS,KAAK,SAAS,EAAE,OAAO,EAAE,OAAO;QACrD,oBAAC,WAAW;;YAEV,oBAAC,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,WAAW,gBACnB,cAAc,EACzB,OAAO,EAAE,OAAO;gBAEhB,oBAAC,SAAS,OAAG,CACF,CACD;QACd,oBAAC,aAAa;YACZ,oBAAC,UAAU;;gBACF,GAAG;gBACV,kCACG,SAAS,KAAK,SAAS;oBACtB,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;oBACvD,CAAC,CAAC,EAAE,CACD;gBAAC,GAAG;oBAEA,CACC;QAChB,oBAAC,aAAa;YACZ,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,EAAE,CAAA;gBACX,CAAC,aAGM;YAET,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,SAAS,KAAK,SAAS,EAAE;wBAC3B,cAAc,CAAC,SAAS,CAAC,CAAA;wBACzB,OAAO,EAAE,CAAA;qBACV;gBACH,CAAC,cAGM,CACK,CACT,CACV,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,oBAAoB,CAAC,CAAA"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { GridBookmarkModel } from '../model';
+declare function DownloadBookmarks({ model }: {
+    model: GridBookmarkModel;
+}): JSX.Element;
+declare const _default: typeof DownloadBookmarks;
+export default _default;

package/esm/GridBookmarkWidget/components/DownloadBookmarks.js

@@ -0,0 +1,50 @@
+import React, { useState } from 'react';
+import { observer } from 'mobx-react';
+import { IconButton, Button, Dialog, DialogTitle, DialogContent, DialogActions, MenuItem, Select, Typography, } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import CloseIcon from '@mui/icons-material/Close';
+import GetAppIcon from '@mui/icons-material/GetApp';
+import { downloadBookmarkFile } from '../utils';
+const useStyles = makeStyles()(() => ({
+    closeDialog: {
+        position: 'absolute',
+        right: 0,
+        top: 0,
+    },
+    dialogContainer: {
+        margin: 15,
+    },
+    flexItem: {
+        margin: 5,
+    },
+    flexContainer: {
+        display: 'flex',
+        justifyContent: 'space-evenly',
+        width: 200,
+    },
+}));
+function DownloadBookmarks({ model }) {
+    const { classes } = useStyles();
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const [fileType, setFileType] = useState('BED');
+    const { bookmarkedRegions } = model;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { startIcon: React.createElement(GetAppIcon, null), onClick: () => setDialogOpen(true) }, "Download"),
+        React.createElement(Dialog, { open: dialogOpen, onClose: () => setDialogOpen(false) },
+            React.createElement(DialogTitle, null,
+                React.createElement(IconButton, { className: classes.closeDialog, "aria-label": "close-dialog", onClick: () => setDialogOpen(false) },
+                    React.createElement(CloseIcon, null))),
+            React.createElement(DialogContent, null,
+                React.createElement(Typography, null, "Format to download"),
+                React.createElement(Select, { className: classes.flexItem, "data-testid": "selectFileType", value: fileType, onChange: event => setFileType(event.target.value) },
+                    React.createElement(MenuItem, { value: "BED" }, "BED"),
+                    React.createElement(MenuItem, { value: "TSV" }, "TSV"))),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => setDialogOpen(false) }, "Cancel"),
+                React.createElement(Button, { className: classes.flexItem, "data-testid": "dialogDownload", variant: "contained", color: "primary", startIcon: React.createElement(GetAppIcon, null), onClick: () => {
+                        downloadBookmarkFile(bookmarkedRegions, fileType, model);
+                        setDialogOpen(false);
+                    } }, "Download")))));
+}
+export default observer(DownloadBookmarks);
+//# sourceMappingURL=DownloadBookmarks.js.map

package/esm/GridBookmarkWidget/components/DownloadBookmarks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadBookmarks.js","sourceRoot":"","sources":["../../../src/GridBookmarkWidget/components/DownloadBookmarks.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { GridBookmarkModel } from '../model';
+declare function GridBookmarkWidget({ model }: {
+    model: GridBookmarkModel;
+}): JSX.Element;
+declare const _default: typeof GridBookmarkWidget;
+export default _default;

package/esm/GridBookmarkWidget/components/GridBookmarkWidget.js

@@ -0,0 +1,95 @@
+import React, { useState } from 'react';
+import { observer } from 'mobx-react';
+import { Link, IconButton, Typography } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import { DataGrid } from '@mui/x-data-grid';
+import { getSession, assembleLocString, measureText } from '@jbrowse/core/util';
+import DeleteIcon from '@mui/icons-material/Delete';
+// locals
+import AssemblySelector from './AssemblySelector';
+import DeleteBookmarkDialog from './DeleteBookmark';
+import DownloadBookmarks from './DownloadBookmarks';
+import ImportBookmarks from './ImportBookmarks';
+import ClearBookmarks from './ClearBookmarks';
+import { navToBookmark } from '../utils';
+const useStyles = makeStyles()(() => ({
+    link: {
+        cursor: 'pointer',
+    },
+}));
+// creates a coarse measurement of column width, similar to code in
+// BaseFeatureDetails
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const measure = (row, col) => Math.min(Math.max(measureText(String(row[col]), 14) + 20, 80), 1000);
+const BookmarkGrid = observer(({ model }) => {
+    const { classes } = useStyles();
+    const [dialogRowNumber, setDialogRowNumber] = useState();
+    const { bookmarkedRegions, selectedAssembly } = model;
+    const { views } = getSession(model);
+    const bookmarkRows = bookmarkedRegions
+        .filter(r => selectedAssembly === 'all' || r.assemblyName === selectedAssembly)
+        .map((region, index) => {
+        const { assemblyName, ...rest } = region;
+        return {
+            ...region,
+            id: index,
+            delete: index,
+            locString: assembleLocString(selectedAssembly === 'all' ? region : rest),
+        };
+    });
+    const columns = [
+        {
+            field: 'locString',
+            headerName: 'bookmark link',
+            width: Math.max(...bookmarkRows.map(row => measure(row, 'locString'))),
+            renderCell: (params) => {
+                const { value } = params;
+                return (React.createElement(Link, { className: classes.link, onClick: (event) => {
+                        navToBookmark(value, views, model);
+                        event.preventDefault();
+                    } }, value));
+            },
+        },
+        {
+            field: 'label',
+            width: Math.max(100, Math.max(...bookmarkRows.map(row => measure(row, 'label')))),
+            editable: true,
+        },
+        {
+            field: 'delete',
+            width: 30,
+            renderCell: (params) => {
+                const { value } = params;
+                return (React.createElement(IconButton, { "data-testid": "deleteBookmark", "aria-label": "delete", onClick: () => {
+                        if (value !== null && value !== undefined) {
+                            setDialogRowNumber(+value);
+                        }
+                    } },
+                    React.createElement(DeleteIcon, null)));
+            },
+        },
+    ];
+    return (React.createElement(React.Fragment, null,
+        React.createElement(DataGrid, { density: "compact", rows: bookmarkRows, columns: columns, onCellEditCommit: args => {
+                const { value, id } = args;
+                model.updateBookmarkLabel(id, value);
+            }, disableSelectionOnClick: true }),
+        React.createElement(DeleteBookmarkDialog, { rowNumber: dialogRowNumber, model: model, onClose: () => setDialogRowNumber(undefined) })));
+});
+function GridBookmarkWidget({ model }) {
+    const { selectedAssembly } = model;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(AssemblySelector, { model: model }),
+        React.createElement(DownloadBookmarks, { model: model }),
+        React.createElement(ImportBookmarks, { model: model, assemblyName: selectedAssembly }),
+        React.createElement(ClearBookmarks, { model: model }),
+        React.createElement("div", { style: { margin: 12 } },
+            React.createElement(Typography, null,
+                "Note: you can double click the ",
+                React.createElement("code", null, "label"),
+                " field to add your own custom notes")),
+        React.createElement("div", { style: { height: 750, width: '100%' } },
+            React.createElement(BookmarkGrid, { model: model }))));
+}
+export default observer(GridBookmarkWidget);
+//# sourceMappingURL=GridBookmarkWidget.js.map

package/esm/GridBookmarkWidget/components/GridBookmarkWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridBookmarkWidget.js","sourceRoot":"","sources":["../../../src/GridBookmarkWidget/components/GridBookmarkWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAkB,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC/E,OAAO,UAAU,MAAM,4BAA4B,CAAA;AAEnD,SAAS;AACT,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,oBAAoB,MAAM,kBAAkB,CAAA;AACnD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;IACpC,IAAI,EAAE;QACJ,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC,CAAA;AAEH,mEAAmE;AACnE,qBAAqB;AACrB,8DAA8D;AAC9D,MAAM,OAAO,GAAG,CAAC,GAAQ,EAAE,GAAW,EAAE,EAAE,CACxC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,CAAA;AAEtE,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAgC,EAAE,EAAE;IACxE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAAU,CAAA;IAChE,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAA;IACrD,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAEnC,MAAM,YAAY,GAAG,iBAAiB;SACnC,MAAM,CACL,CAAC,CAAC,EAAE,CAAC,gBAAgB,KAAK,KAAK,IAAI,CAAC,CAAC,YAAY,KAAK,gBAAgB,CACvE;SACA,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QACrB,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,CAAA;QACxC,OAAO;YACL,GAAG,MAAM;YACT,EAAE,EAAE,KAAK;YACT,MAAM,EAAE,KAAK;YACb,SAAS,EAAE,iBAAiB,CAC1B,gBAAgB,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAC3C;SACF,CAAA;IACH,CAAC,CAAC,CAAA;IAEJ,MAAM,OAAO,GAAG;QACd;YACE,KAAK,EAAE,WAAW;YAClB,UAAU,EAAE,eAAe;YAC3B,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;YACtE,UAAU,EAAE,CAAC,MAAsB,EAAE,EAAE;gBACrC,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;gBACxB,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,CAAC,KAAuB,EAAE,EAAE;wBACnC,aAAa,CAAC,KAAe,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;wBAC5C,KAAK,CAAC,cAAc,EAAE,CAAA;oBACxB,CAAC,IAEA,KAAK,CACD,CACR,CAAA;YACH,CAAC;SACF;QACD;YACE,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,IAAI,CAAC,GAAG,CACb,GAAG,EACH,IAAI,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAC5D;YACD,QAAQ,EAAE,IAAI;SACf;QACD;YACE,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,EAAE;YACT,UAAU,EAAE,CAAC,MAAsB,EAAE,EAAE;gBACrC,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;gBACxB,OAAO,CACL,oBAAC,UAAU,mBACG,gBAAgB,gBACjB,QAAQ,EACnB,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE;4BACzC,kBAAkB,CAAC,CAAC,KAAK,CAAC,CAAA;yBAC3B;oBACH,CAAC;oBAED,oBAAC,UAAU,OAAG,CACH,CACd,CAAA;YACH,CAAC;SACF;KACF,CAAA;IAED,OAAO,CACL;QACE,oBAAC,QAAQ,IACP,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,YAAY,EAClB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,IAAI,CAAC,EAAE;gBACvB,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,IAAI,CAAA;gBAC1B,KAAK,CAAC,mBAAmB,CAAC,EAAY,EAAE,KAAe,CAAC,CAAA;YAC1D,CAAC,EACD,uBAAuB,SACvB;QAEF,oBAAC,oBAAoB,IACnB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,SAAS,CAAC,GAC5C,CACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,kBAAkB,CAAC,EAAE,KAAK,EAAgC;IACjE,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAA;IAElC,OAAO,CACL;QACE,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,GAAI;QAClC,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,GAAI;QACnC,oBAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,gBAAgB,GAAI;QACjE,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,GAAI;QAEhC,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;YACxB,oBAAC,UAAU;;gBACsB,0CAAkB;sDAEtC,CACT;QACN,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE;YACxC,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CAC1B,CACL,CACJ,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,kBAAkB,CAAC,CAAA"}

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

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

package/esm/GridBookmarkWidget/components/ImportBookmarks.js

@@ -0,0 +1,79 @@
+import React, { useState } from 'react';
+import { observer } from 'mobx-react';
+import { getSession } from '@jbrowse/core/util';
+import AssemblySelector from '@jbrowse/core/ui/AssemblySelector';
+import { FileSelector } from '@jbrowse/core/ui';
+import { openLocation } from '@jbrowse/core/util/io';
+import { IconButton, Button, Dialog, DialogTitle, DialogContent, DialogActions, Typography, } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import CloseIcon from '@mui/icons-material/Close';
+import ImportIcon from '@mui/icons-material/Publish';
+const useStyles = makeStyles()(() => ({
+    closeDialog: {
+        position: 'absolute',
+        right: 0,
+        top: 0,
+    },
+    dialogContainer: {
+        margin: 15,
+    },
+    flexItem: {
+        margin: 5,
+    },
+}));
+function ImportBookmarks({ model, assemblyName, }) {
+    const { classes } = useStyles();
+    const session = getSession(model);
+    const { assemblyNames } = session;
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const [location, setLocation] = useState();
+    const [error, setError] = useState();
+    const [selectedAsm, setSelectedAsm] = useState(assemblyName || assemblyNames[0]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { startIcon: React.createElement(ImportIcon, null), onClick: () => setDialogOpen(true) }, "Import"),
+        React.createElement(Dialog, { open: dialogOpen, onClose: () => setDialogOpen(false), maxWidth: "xl" },
+            React.createElement(DialogTitle, null,
+                "Import bookmarks",
+                React.createElement(IconButton, { className: classes.closeDialog, "aria-label": "close-dialog", onClick: () => setDialogOpen(false) },
+                    React.createElement(CloseIcon, null))),
+            React.createElement(DialogContent, null,
+                React.createElement(Typography, null, "Choose a BED format file to import. The first 4 columns will be used"),
+                React.createElement(FileSelector, { location: location, setLocation: setLocation, name: "File" }),
+                React.createElement(Typography, null, "Select assembly that your data belongs to"),
+                React.createElement(AssemblySelector, { onChange: val => setSelectedAsm(val), session: session, selected: selectedAsm }),
+                error ? (React.createElement(Typography, { color: "error", variant: "h6" }, `${error}`)) : null),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => setDialogOpen(false) }, "Cancel"),
+                React.createElement(Button, { className: classes.flexItem, "data-testid": "dialogImport", variant: "contained", color: "primary", disabled: !location, startIcon: React.createElement(ImportIcon, null), onClick: async () => {
+                        try {
+                            if (!location) {
+                                return;
+                            }
+                            const data = await openLocation(location).readFile('utf8');
+                            const regions = data
+                                .split('\n')
+                                .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")))));
+}
+export default observer(ImportBookmarks);
+//# sourceMappingURL=ImportBookmarks.js.map

package/esm/GridBookmarkWidget/components/ImportBookmarks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportBookmarks.js","sourceRoot":"","sources":["../../../src/GridBookmarkWidget/components/ImportBookmarks.tsx"],"names":[],"mappings":"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"}

package/esm/GridBookmarkWidget/index.d.ts

@@ -0,0 +1,2 @@
+export { default as stateModelFactory } from "./model";
+export const configSchema: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;

package/esm/GridBookmarkWidget/index.js

@@ -0,0 +1,4 @@
+import { ConfigurationSchema } from '@jbrowse/core/configuration';
+export { default as stateModelFactory } from './model';
+export const configSchema = ConfigurationSchema('GridBookmarkWidget', {});
+//# sourceMappingURL=index.js.map

package/esm/GridBookmarkWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/GridBookmarkWidget/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAA;AACtD,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAA"}

package/esm/GridBookmarkWidget/model.d.ts

@@ -0,0 +1,35 @@
+import { Instance } 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<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    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<{
+        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>>;
+    modelSelectedAssembly: import("mobx-state-tree").IType<string | undefined, string, string>;
+}, {
+    importBookmarks(regions: Region[]): void;
+    addBookmark(region: Region): void;
+    removeBookmark(index: number): void;
+    clearAllBookmarks(): void;
+    updateBookmarkLabel(index: number, label: string): void;
+    setSelectedAssembly(assembly: string): void;
+} & {
+    readonly selectedAssembly: string;
+    readonly assemblies: string[];
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+export declare type GridBookmarkStateModel = ReturnType<typeof f>;
+export declare type GridBookmarkModel = Instance<GridBookmarkStateModel>;

package/esm/GridBookmarkWidget/model.js

@@ -0,0 +1,54 @@
+import { types, cast } from 'mobx-state-tree';
+import { Region as RegionModel, ElementId } from '@jbrowse/core/util/types/mst';
+const LabeledRegionModel = types
+    .compose(RegionModel, types.model('Label', { label: types.optional(types.string, '') }))
+    .actions(self => ({
+    setLabel(label) {
+        self.label = label;
+    },
+}));
+export default function f(pluginManager) {
+    return types
+        .model('GridBookmarkModel', {
+        id: ElementId,
+        type: types.literal('GridBookmarkWidget'),
+        view: types.safeReference(pluginManager.pluggableMstType('view', 'stateModel')),
+        bookmarkedRegions: types.array(LabeledRegionModel),
+        modelSelectedAssembly: '',
+    })
+        .actions(self => ({
+        importBookmarks(regions) {
+            self.bookmarkedRegions = cast(self.bookmarkedRegions.concat(regions));
+        },
+        addBookmark(region) {
+            self.bookmarkedRegions.push(region);
+        },
+        removeBookmark(index) {
+            self.bookmarkedRegions.splice(index, 1);
+        },
+        clearAllBookmarks() {
+            self.bookmarkedRegions.clear();
+        },
+        updateBookmarkLabel(index, label) {
+            var _a;
+            (_a = self.bookmarkedRegions[index]) === null || _a === void 0 ? void 0 : _a.setLabel(label);
+        },
+        setSelectedAssembly(assembly) {
+            self.modelSelectedAssembly = assembly;
+        },
+    }))
+        .views(self => ({
+        get selectedAssembly() {
+            return (self.modelSelectedAssembly ||
+                (self.bookmarkedRegions.length
+                    ? self.bookmarkedRegions[0].assemblyName
+                    : ''));
+        },
+        get assemblies() {
+            return [
+                ...new Set(self.bookmarkedRegions.map(region => region.assemblyName)),
+            ];
+        },
+    }));
+}
+//# sourceMappingURL=model.js.map

package/esm/GridBookmarkWidget/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../src/GridBookmarkWidget/model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAY,MAAM,iBAAiB,CAAA;AAGvD,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAE/E,MAAM,kBAAkB,GAAG,KAAK;KAC7B,OAAO,CACN,WAAW,EACX,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,CAClE;KACA,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAChB,QAAQ,CAAC,KAAa;QACpB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;IACpB,CAAC;CACF,CAAC,CAAC,CAAA;AAEL,MAAM,CAAC,OAAO,UAAU,CAAC,CAAC,aAA4B;IACpD,OAAO,KAAK;SACT,KAAK,CAAC,mBAAmB,EAAE;QAC1B,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,oBAAoB,CAAC;QACzC,IAAI,EAAE,KAAK,CAAC,aAAa,CACvB,aAAa,CAAC,gBAAgB,CAAC,MAAM,EAAE,YAAY,CAAC,CACrD;QACD,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC;QAClD,qBAAqB,EAAE,EAAE;KAC1B,CAAC;SACD,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChB,eAAe,CAAC,OAAiB;YAC/B,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAA;QACvE,CAAC;QACD,WAAW,CAAC,MAAc;YACxB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACrC,CAAC;QACD,cAAc,CAAC,KAAa;YAC1B,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;QACzC,CAAC;QACD,iBAAiB;YACf,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAA;QAChC,CAAC;QACD,mBAAmB,CAAC,KAAa,EAAE,KAAa;;YAC9C,MAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,0CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;QAChD,CAAC;QACD,mBAAmB,CAAC,QAAgB;YAClC,IAAI,CAAC,qBAAqB,GAAG,QAAQ,CAAA;QACvC,CAAC;KACF,CAAC,CAAC;SACF,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACd,IAAI,gBAAgB;YAClB,OAAO,CACL,IAAI,CAAC,qBAAqB;gBAC1B,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM;oBAC5B,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,YAAY;oBACxC,CAAC,CAAC,EAAE,CAAC,CACR,CAAA;QACH,CAAC;QACD,IAAI,UAAU;YACZ,OAAO;gBACL,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;aACtE,CAAA;QACH,CAAC;KACF,CAAC,CAAC,CAAA;AACP,CAAC"}

package/esm/GridBookmarkWidget/types.d.ts

@@ -0,0 +1,7 @@
+import { AbstractViewModel, Region } from '@jbrowse/core/util/types';
+export interface NavigableViewModel extends AbstractViewModel {
+    navToLocString: Function;
+}
+export interface LabeledRegion extends Region {
+    label: string;
+}

package/esm/GridBookmarkWidget/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/esm/GridBookmarkWidget/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/GridBookmarkWidget/types.ts"],"names":[],"mappings":""}

package/esm/GridBookmarkWidget/utils.d.ts

@@ -0,0 +1,5 @@
+import { AbstractViewModel } from '@jbrowse/core/util/types';
+import { GridBookmarkModel } from './model';
+import { LabeledRegion } from './types';
+export declare function navToBookmark(locString: string, views: AbstractViewModel[], model: GridBookmarkModel): Promise<void>;
+export declare function downloadBookmarkFile(bookmarkedRegions: LabeledRegion[], fileFormat: string, model: GridBookmarkModel): void;