@jbrowse/plugin-grid-bookmark 2.17.0 → 3.0.0

package/esm/index.js

@@ -1,6 +1,5 @@
 import Plugin from '@jbrowse/core/Plugin';
 import { getSession, isAbstractMenuManager, isSessionModelWithWidgets, } from '@jbrowse/core/util';
-// icons
 import BookmarkIcon from '@mui/icons-material/Bookmark';
 import BookmarksIcon from '@mui/icons-material/Bookmarks';
 import HighlightIcon from '@mui/icons-material/Highlight';
@@ -19,31 +18,15 @@ export default class GridBookmarkPlugin extends Plugin {
                 const lgv = stateModel;
                 const newStateModel = lgv
                     .props({
-                    /**
-                     * #property
-                     * show the bookmark highlights on this track
-                     */
-                    showBookmarkHighlights: true,
-                    /**
-                     * #property
-                     * show the bookmark labels on this track
-                     */
-                    showBookmarkLabels: true,
+                    bookmarkHighlightsVisible: true,
+                    bookmarkLabelsVisible: true,
                 })
                     .actions(self => ({
-                    /**
-                     * #action
-                     */
-                    toggleShowBookmarkHighlights(toggle) {
-                        self.showBookmarkHighlights =
-                            toggle !== undefined ? toggle : !self.showBookmarkHighlights;
+                    setBookmarkHighlightsVisible(arg) {
+                        self.bookmarkHighlightsVisible = arg;
                     },
-                    /**
-                     * #action
-                     */
-                    toggleShowBookmarkLabels(toggle) {
-                        self.showBookmarkLabels =
-                            toggle !== undefined ? toggle : !self.showBookmarkLabels;
+                    setBookmarkLabelsVisible(arg) {
+                        self.bookmarkLabelsVisible = arg;
                     },
                     activateBookmarkWidget() {
                         const session = getSession(self);
@@ -110,18 +93,18 @@ export default class GridBookmarkPlugin extends Plugin {
                                             label: 'Toggle bookmark highlights',
                                             icon: HighlightIcon,
                                             type: 'checkbox',
-                                            checked: self.showBookmarkHighlights,
+                                            checked: self.bookmarkHighlightsVisible,
                                             onClick: () => {
-                                                self.toggleShowBookmarkHighlights();
+                                                self.setBookmarkHighlightsVisible(!self.bookmarkHighlightsVisible);
                                             },
                                         },
                                         {
                                             label: 'Toggle bookmark labels',
                                             icon: LabelIcon,
                                             type: 'checkbox',
-                                            checked: self.showBookmarkLabels,
+                                            checked: self.bookmarkLabelsVisible,
                                             onClick: () => {
-                                                self.toggleShowBookmarkLabels();
+                                                self.setBookmarkLabelsVisible(!self.bookmarkLabelsVisible);
                                             },
                                         },
                                     ],
@@ -154,14 +137,12 @@ export default class GridBookmarkPlugin extends Plugin {
                     afterCreate() {
                         document.addEventListener('keydown', e => {
                             const activationSequence = (e.ctrlKey || e.metaKey) && e.shiftKey;
-                            // ctrl+shift+d or cmd+shift+d
                             if (activationSequence && e.code === 'KeyD') {
                                 e.preventDefault();
                                 self.activateBookmarkWidget();
                                 self.bookmarkCurrentRegion();
                                 getSession(self).notify('Bookmark created.', 'success');
                             }
-                            // ctrl+shift+m or cmd+shift+m
                             if (activationSequence && e.code === 'KeyM') {
                                 e.preventDefault();
                                 self.navigateNewestBookmark();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-grid-bookmark",
-  "version": "2.17.0",
+  "version": "3.0.0",
   "description": "JBrowse 2 grid bookmark widget",
   "keywords": [
     "jbrowse",
@@ -59,5 +59,5 @@
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "eed30b5e671f8f7823652d7cecc51aa89226de46"
+  "gitHead": "2c6897f1fa732b1db5b094d1dca197e333e95319"
 }

package/dist/GridBookmarkWidget/components/dialogs/EditBookmarkLabelDialog.d.ts

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

package/dist/GridBookmarkWidget/components/dialogs/EditBookmarkLabelDialog.js

@@ -1,54 +0,0 @@
-"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 ui_1 = require("@jbrowse/core/ui");
-const mobx_react_1 = require("mobx-react");
-const util_1 = require("@jbrowse/core/util");
-const EditBookmarkLabelDialog = (0, mobx_react_1.observer)(function ({ model, onClose, dialogRow, }) {
-    const [newLabel, setNewLabel] = (0, react_1.useState)(dialogRow.label || '');
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: onClose, title: "Edit bookmark label" },
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(material_1.Alert, null,
-                "Editing label for bookmark",
-                ' ',
-                react_1.default.createElement("strong", null, (0, util_1.assembleLocString)(dialogRow.correspondingObj)),
-                ":"),
-            react_1.default.createElement(material_1.TextField, { fullWidth: true, variant: "outlined", value: newLabel, onChange: e => {
-                    setNewLabel(e.target.value);
-                }, autoFocus: true, slotProps: {
-                    htmlInput: { 'data-testid': 'edit-bookmark-label-field' },
-                } })),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", onClick: () => {
-                    if (newLabel) {
-                        model.updateBookmarkLabel(dialogRow, newLabel);
-                    }
-                    setNewLabel('');
-                    onClose();
-                } }, "Confirm"))));
-});
-exports.default = EditBookmarkLabelDialog;

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

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

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

@@ -1,29 +0,0 @@
-import React, { useState } from 'react';
-import { Alert, DialogContent, DialogActions, Button, TextField, } from '@mui/material';
-import { Dialog } from '@jbrowse/core/ui';
-import { observer } from 'mobx-react';
-import { assembleLocString } from '@jbrowse/core/util';
-const EditBookmarkLabelDialog = observer(function ({ model, onClose, dialogRow, }) {
-    const [newLabel, setNewLabel] = useState(dialogRow.label || '');
-    return (React.createElement(Dialog, { open: true, onClose: onClose, title: "Edit bookmark label" },
-        React.createElement(DialogContent, null,
-            React.createElement(Alert, null,
-                "Editing label for bookmark",
-                ' ',
-                React.createElement("strong", null, assembleLocString(dialogRow.correspondingObj)),
-                ":"),
-            React.createElement(TextField, { fullWidth: true, variant: "outlined", value: newLabel, onChange: e => {
-                    setNewLabel(e.target.value);
-                }, autoFocus: true, slotProps: {
-                    htmlInput: { 'data-testid': 'edit-bookmark-label-field' },
-                } })),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { variant: "contained", color: "primary", onClick: () => {
-                    if (newLabel) {
-                        model.updateBookmarkLabel(dialogRow, newLabel);
-                    }
-                    setNewLabel('');
-                    onClose();
-                } }, "Confirm"))));
-});
-export default EditBookmarkLabelDialog;