@jbrowse/plugin-grid-bookmark 2.6.2 → 2.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-grid-bookmark",
-  "version": "2.6.2",
+  "version": "2.7.0",
   "description": "JBrowse 2 grid bookmark widget",
   "keywords": [
     "jbrowse",
@@ -38,6 +38,7 @@
   "dependencies": {
     "@mui/icons-material": "^5.0.1",
     "@types/file-saver": "^2.0.1",
+    "copy-to-clipboard": "^3.3.1",
     "file-saver": "^2.0.0"
   },
   "peerDependencies": {
@@ -47,7 +48,7 @@
     "@mui/material": "^5.0.0",
     "@mui/x-data-grid": "^6.0.1",
     "mobx": "^6.0.0",
-    "mobx-react": "^7.0.0",
+    "mobx-react": "^9.0.0",
     "mobx-state-tree": "^5.0.0",
     "react": ">=16.8.0",
     "tss-react": "^4.0.0"
@@ -58,5 +59,5 @@
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "bbea587a402d9974acdd804a33f4b77f31a2fd5f"
+  "gitHead": "dbe7fb1af01fc89f833d2744635eb44a17365b41"
 }

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

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

package/dist/GridBookmarkWidget/components/DeleteBookmark.js

@@ -1,31 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const mobx_react_1 = require("mobx-react");
-const util_1 = require("@jbrowse/core/util");
-const ui_1 = require("@jbrowse/core/ui");
-const material_1 = require("@mui/material");
-function DeleteBookmarkDialog({ rowNumber, model, onClose, }) {
-    return (react_1.default.createElement(ui_1.Dialog, { open: rowNumber !== undefined, onClose: onClose, title: "Delete bookmark" },
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(material_1.Typography, null,
-                "Remove",
-                ' ',
-                react_1.default.createElement("code", null, rowNumber !== undefined
-                    ? (0, util_1.assembleLocString)(model.bookmarkedRegions[rowNumber])
-                    : ''),
-                ' ',
-                "?")),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => onClose() }, "Cancel"),
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", onClick: () => {
-                    if (rowNumber !== undefined) {
-                        model.removeBookmark(rowNumber);
-                        onClose();
-                    }
-                } }, "Confirm"))));
-}
-exports.default = (0, mobx_react_1.observer)(DeleteBookmarkDialog);

package/esm/GridBookmarkWidget/components/ClearBookmarks.js

@@ -1,23 +0,0 @@
-import React, { useState } from 'react';
-import { observer } from 'mobx-react';
-import { Button, DialogContent, DialogActions, Typography } from '@mui/material';
-import { Dialog } from '@jbrowse/core/ui';
-// icons
-import ClearAllIcon from '@mui/icons-material/ClearAll';
-function ClearBookmarks({ model }) {
-    const [dialogOpen, setDialogOpen] = useState(false);
-    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), title: "Clear bookmarks" },
-            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: () => {
-                        model.clearAllBookmarks();
-                        setDialogOpen(false);
-                    } }, "Confirm")))));
-}
-export default observer(ClearBookmarks);

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

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

package/esm/GridBookmarkWidget/components/DeleteBookmark.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { observer } from 'mobx-react';
-import { assembleLocString } from '@jbrowse/core/util';
-import { Dialog } from '@jbrowse/core/ui';
-import { Button, DialogContent, DialogActions, Typography } from '@mui/material';
-function DeleteBookmarkDialog({ rowNumber, model, onClose, }) {
-    return (React.createElement(Dialog, { open: rowNumber !== undefined, onClose: onClose, title: "Delete bookmark" },
-        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) {
-                        model.removeBookmark(rowNumber);
-                        onClose();
-                    }
-                } }, "Confirm"))));
-}
-export default observer(DeleteBookmarkDialog);

package/esm/GridBookmarkWidget/components/DownloadBookmarks.js

@@ -1,33 +0,0 @@
-import React, { useState } from 'react';
-import { observer } from 'mobx-react';
-import { Button, DialogContent, DialogActions, MenuItem, Select, Typography, } from '@mui/material';
-import { Dialog } from '@jbrowse/core/ui';
-import { makeStyles } from 'tss-react/mui';
-import GetAppIcon from '@mui/icons-material/GetApp';
-import { downloadBookmarkFile } from '../utils';
-const useStyles = makeStyles()(() => ({
-    flexItem: {
-        margin: 5,
-    },
-}));
-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), title: "Download bookmarks" },
-            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);