@jbrowse/plugin-grid-bookmark 3.7.0 → 4.0.1

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

@@ -1,4 +1,4 @@
-import type { GridBookmarkModel } from '../model';
+import type { GridBookmarkModel } from '../model.ts';
 declare const AssemblySelector: ({ model, }: {
     model: GridBookmarkModel;
 }) => import("react/jsx-runtime").JSX.Element;

package/esm/GridBookmarkWidget/components/AssemblySelector.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Checkbox, FormControl, InputLabel, ListItemText, MenuItem, OutlinedInput, Select, } from '@mui/material';
 import { observer } from 'mobx-react';
-const AssemblySelector = observer(function ({ model, }) {
+const AssemblySelector = observer(function AssemblySelector({ model, }) {
     const { validAssemblies, selectedAssemblies } = model;
     const noAssemblies = validAssemblies.size === 0;
     const label = 'Select assemblies';

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

@@ -1,4 +1,4 @@
-import type { GridBookmarkModel } from '../model';
+import type { GridBookmarkModel } from '../model.ts';
 declare const BookmarkGrid: ({ model, }: {
     model: GridBookmarkModel;
 }) => import("react/jsx-runtime").JSX.Element;

package/esm/GridBookmarkWidget/components/BookmarkGrid.js

@@ -2,11 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import ColorPicker from '@jbrowse/core/ui/ColorPicker';
 import DataGridFlexContainer from '@jbrowse/core/ui/DataGridFlexContainer';
 import { assembleLocString, getSession, measureGridWidth, measureText, } from '@jbrowse/core/util';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { Link } from '@mui/material';
 import { DataGrid, GRID_CHECKBOX_SELECTION_COL_DEF } from '@mui/x-data-grid';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-import { navToBookmark } from '../utils';
+import { navToBookmark } from "../utils.js";
 const useStyles = makeStyles()(() => ({
     cell: {
         whiteSpace: 'nowrap',
@@ -14,7 +14,7 @@ const useStyles = makeStyles()(() => ({
         textOverflow: 'ellipsis',
     },
 }));
-const BookmarkGrid = observer(function ({ model, }) {
+const BookmarkGrid = observer(function BookmarkGrid({ model, }) {
     const { classes } = useStyles();
     const { bookmarks, bookmarksWithValidAssemblies, selectedAssemblies, selectedBookmarks, } = model;
     const session = getSession(model);

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

@@ -1,4 +1,4 @@
-import type { GridBookmarkModel } from '../model';
+import type { GridBookmarkModel } from '../model.ts';
 declare const GridBookmarkWidget: ({ model, }: {
     model: GridBookmarkModel;
 }) => import("react/jsx-runtime").JSX.Element;

package/esm/GridBookmarkWidget/components/GridBookmarkWidget.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { lazy } from 'react';
 import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
 import { getSession } from '@jbrowse/core/util';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import Delete from '@mui/icons-material/Delete';
 import GetApp from '@mui/icons-material/GetApp';
 import Menu from '@mui/icons-material/Menu';
@@ -11,15 +12,14 @@ import Settings from '@mui/icons-material/Settings';
 import Share from '@mui/icons-material/Share';
 import { Alert } from '@mui/material';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-import AssemblySelector from './AssemblySelector';
-import BookmarkGrid from './BookmarkGrid';
-const ExportBookmarksDialog = lazy(() => import('./dialogs/ExportBookmarksDialog'));
-const ImportBookmarksDialog = lazy(() => import('./dialogs/ImportBookmarksDialog'));
-const ShareBookmarksDialog = lazy(() => import('./dialogs/ShareBookmarksDialog'));
-const HighlightSettingsDialog = lazy(() => import('./dialogs/HighlightSettingsDialog'));
-const EditHighlightColorDialog = lazy(() => import('./dialogs/EditHighlightColorDialog'));
-const DeleteBookmarksDialog = lazy(() => import('./dialogs/DeleteBookmarksDialog'));
+import AssemblySelector from "./AssemblySelector.js";
+import BookmarkGrid from "./BookmarkGrid.js";
+const ExportBookmarksDialog = lazy(() => import("./dialogs/ExportBookmarksDialog.js"));
+const ImportBookmarksDialog = lazy(() => import("./dialogs/ImportBookmarksDialog.js"));
+const ShareBookmarksDialog = lazy(() => import("./dialogs/ShareBookmarksDialog.js"));
+const HighlightSettingsDialog = lazy(() => import("./dialogs/HighlightSettingsDialog.js"));
+const EditHighlightColorDialog = lazy(() => import("./dialogs/EditHighlightColorDialog.js"));
+const DeleteBookmarksDialog = lazy(() => import("./dialogs/DeleteBookmarksDialog.js"));
 const useStyles = makeStyles()({
     flex: {
         display: 'flex',

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

@@ -1,4 +1,4 @@
-import type { IExtendedLGV } from '../../model';
+import type { IExtendedLGV } from '../../model.ts';
 type LGV = IExtendedLGV;
 declare const Highlight: ({ model }: {
     model: LGV;

package/esm/GridBookmarkWidget/components/Highlight/Highlight.js

@@ -3,10 +3,10 @@ import { Fragment, useEffect } from 'react';
 import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
 import { getSession, notEmpty } from '@jbrowse/core/util';
 import { colord } from '@jbrowse/core/util/colord';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import BookmarkIcon from '@mui/icons-material/Bookmark';
 import { Tooltip } from '@mui/material';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()({
     bookmarkButton: {
         overflow: 'hidden',
@@ -31,13 +31,12 @@ const Highlight = observer(function Highlight({ model }) {
         }
     }, [session, bookmarkWidget]);
     const set = new Set(model.assemblyNames);
-    return bookmarkHighlightsVisible && (bookmarkWidget === null || bookmarkWidget === void 0 ? void 0 : bookmarkWidget.bookmarks)
+    return bookmarkHighlightsVisible && bookmarkWidget?.bookmarks
         ? bookmarkWidget.bookmarks
             .filter(value => set.has(value.assemblyName))
             .map(r => {
-            var _a;
             const asm = assemblyManager.get(r.assemblyName);
-            const refName = (_a = asm === null || asm === void 0 ? void 0 : asm.getCanonicalRefName(r.refName)) !== null && _a !== void 0 ? _a : r.refName;
+            const refName = asm?.getCanonicalRefName(r.refName) ?? r.refName;
             const s = model.bpToPx({ refName, coord: r.start });
             const e = model.bpToPx({ refName, coord: r.end });
             return s && e

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

@@ -1,4 +1,4 @@
-import type { IExtendedLGV } from '../../model';
+import type { IExtendedLGV } from '../../model.ts';
 import type { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
 type LGV = IExtendedLGV;
 declare const OverviewHighlight: ({ model, overview, }: {

package/esm/GridBookmarkWidget/components/Highlight/OverviewHighlight.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import { getSession, notEmpty } from '@jbrowse/core/util';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { Tooltip } from '@mui/material';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()({
     highlight: {
         height: '100%',
         position: 'absolute',
+        left: 0,
     },
 });
 const OverviewHighlight = observer(function OverviewHighlight({ model, overview, }) {
@@ -23,13 +24,12 @@ const OverviewHighlight = observer(function OverviewHighlight({ model, overview,
         }
     }, [session, bookmarkWidget]);
     const assemblyNames = new Set(model.assemblyNames);
-    return bookmarkHighlightsVisible && (bookmarkWidget === null || bookmarkWidget === void 0 ? void 0 : bookmarkWidget.bookmarks)
+    return bookmarkHighlightsVisible && bookmarkWidget?.bookmarks
         ? bookmarkWidget.bookmarks
             .filter(r => assemblyNames.has(r.assemblyName))
             .map(r => {
-            var _a;
             const asm = assemblyManager.get(r.assemblyName);
-            const refName = (_a = asm === null || asm === void 0 ? void 0 : asm.getCanonicalRefName(r.refName)) !== null && _a !== void 0 ? _a : r.refName;
+            const refName = asm?.getCanonicalRefName(r.refName) ?? r.refName;
             const rev = r.reversed;
             const s = overview.bpToPx({ refName, coord: rev ? r.end : r.start });
             const e = overview.bpToPx({ refName, coord: rev ? r.start : r.end });
@@ -46,7 +46,7 @@ const OverviewHighlight = observer(function OverviewHighlight({ model, overview,
             .map((obj, idx) => {
             const { left, width, highlight, label } = obj;
             return (_jsx(Tooltip, { title: bookmarkLabelsVisible ? label : '', arrow: true, children: _jsx("div", { className: classes.highlight, style: {
-                        left,
+                        transform: `translateX(${left}px)`,
                         width,
                         background: highlight,
                         borderLeft: `1px solid ${highlight}`,

package/esm/GridBookmarkWidget/components/Highlight/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import Highlight from './Highlight';
-import OverviewHighlight from './OverviewHighlight';
+import Highlight from "./Highlight.js";
+import OverviewHighlight from "./OverviewHighlight.js";
 export default function AddHighlightModelF(pluginManager) {
     pluginManager.addToExtensionPoint('LinearGenomeView-TracksContainerComponent', (rest, { model }) => {
         return [

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

@@ -1,4 +1,4 @@
-import type { GridBookmarkModel } from '../../model';
+import type { GridBookmarkModel } from '../../model.ts';
 declare const DeleteBookmarksDialog: ({ onClose, model, }: {
     onClose: () => void;
     model: GridBookmarkModel;

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { Dialog } from '@jbrowse/core/ui';
 import { Alert, Button, DialogActions, DialogContent } from '@mui/material';
 import { observer } from 'mobx-react';
-const DeleteBookmarksDialog = observer(function ({ onClose, model, }) {
+const DeleteBookmarksDialog = observer(function DeleteBookmarksDialog({ onClose, model, }) {
     const { selectedBookmarks } = model;
     const deleteAll = selectedBookmarks.length === 0;
     return (_jsxs(Dialog, { open: true, onClose: onClose, title: "Delete bookmarks", children: [_jsx(DialogContent, { children: _jsx(Alert, { severity: "warning", children: deleteAll ? (_jsxs(_Fragment, { children: [_jsx("span", { children: "All bookmarks will be deleted." }), _jsx("br", {}), _jsx("span", { children: "Use the checkboxes to select individual bookmarks to delete." })] })) : ('Only selected bookmarks will be deleted.') }) }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "contained", color: "secondary", onClick: () => {

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

@@ -1,4 +1,4 @@
-import type { GridBookmarkModel } from '../../model';
+import type { GridBookmarkModel } from '../../model.ts';
 declare const EditHighlightColorDialog: ({ onClose, model, }: {
     onClose: () => void;
     model: GridBookmarkModel;

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

@@ -4,11 +4,10 @@ import { Dialog } from '@jbrowse/core/ui';
 import { ColorPicker } from '@jbrowse/core/ui/ColorPicker';
 import { Alert, Button, DialogActions, DialogContent, Typography, } from '@mui/material';
 import { observer } from 'mobx-react';
-const EditHighlightColorDialog = observer(function ({ onClose, model, }) {
-    var _a, _b;
+const EditHighlightColorDialog = observer(function EditHighlightColorDialog({ onClose, model, }) {
     const { selectedBookmarks } = model;
     const editNone = selectedBookmarks.length === 0;
-    const [color, setColor] = useState((_b = (_a = selectedBookmarks[0]) === null || _a === void 0 ? void 0 : _a.highlight) !== null && _b !== void 0 ? _b : 'rgba(247, 129, 192, 0.35)');
+    const [color, setColor] = useState(selectedBookmarks[0]?.highlight ?? 'rgba(247, 129, 192, 0.35)');
     return (_jsxs(Dialog, { open: true, onClose: onClose, title: "Highlight bookmarks", children: [_jsxs(DialogContent, { children: [_jsx(Typography, { variant: "h6", children: "Bulk highlight selector" }), _jsx(Alert, { severity: "info", children: editNone ? (_jsx("span", { children: "Use the checkboxes to select individual bookmarks to edit." })) : ('Only selected bookmarks will be edited.') }), !editNone ? (_jsx(ColorPicker, { color: color, onChange: event => {
                             setColor(event);
                         } })) : null] }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "contained", color: "secondary", onClick: () => {

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

@@ -1,4 +1,4 @@
-import type { GridBookmarkModel } from '../../model';
+import type { GridBookmarkModel } from '../../model.ts';
 declare const ExportBookmarksDialog: ({ model, onClose, }: {
     model: GridBookmarkModel;
     onClose: () => void;

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

@@ -1,11 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Dialog } from '@jbrowse/core/ui';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import GetAppIcon from '@mui/icons-material/GetApp';
 import { Alert, Button, DialogActions, DialogContent, MenuItem, Select, Typography, } from '@mui/material';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-import { downloadBookmarkFile } from '../../utils';
+import { downloadBookmarkFile } from "../../utils.js";
 const useStyles = makeStyles()({
     flexItem: {
         display: 'flex',
@@ -18,14 +18,14 @@ const useStyles = makeStyles()({
         gap: '5px',
     },
 });
-const ExportBookmarksDialog = observer(function ({ model, onClose, }) {
+const ExportBookmarksDialog = observer(function ExportBookmarksDialog({ model, onClose, }) {
     const { classes } = useStyles();
     const [fileType, setFileType] = useState('BED');
     const { selectedBookmarks } = model;
     const exportAll = selectedBookmarks.length === 0;
-    return (_jsxs(Dialog, { open: true, onClose: () => {
+    return (_jsxs(Dialog, { open: true, title: "Export bookmarks", onClose: () => {
             onClose();
-        }, title: "Export bookmarks", children: [_jsxs(DialogContent, { className: classes.container, children: [_jsx(Alert, { severity: "info", children: exportAll ? (_jsxs(_Fragment, { children: [_jsx("span", { children: "All bookmarks will be exported." }), _jsx("br", {}), _jsx("span", { children: "Use the checkboxes to select individual bookmarks to export." })] })) : ('Only selected bookmarks will be exported.') }), _jsxs("div", { className: classes.flexItem, children: [_jsx(Typography, { children: "Format to download:" }), _jsxs(Select, { size: "small", value: fileType, onChange: event => {
+        }, children: [_jsxs(DialogContent, { className: classes.container, children: [_jsx(Alert, { severity: "info", children: exportAll ? (_jsxs(_Fragment, { children: [_jsx("span", { children: "All bookmarks will be exported." }), _jsx("br", {}), _jsx("span", { children: "Use the checkboxes to select individual bookmarks to export." })] })) : ('Only selected bookmarks will be exported.') }), _jsxs("div", { className: classes.flexItem, children: [_jsx(Typography, { children: "Format to download:" }), _jsxs(Select, { size: "small", value: fileType, onChange: event => {
                                     setFileType(event.target.value);
                                 }, children: [_jsx(MenuItem, { value: "BED", children: "BED" }), _jsx(MenuItem, { value: "TSV", children: "TSV" })] })] })] }), _jsx(DialogActions, { children: _jsx(Button, { variant: "contained", color: "primary", startIcon: _jsx(GetAppIcon, {}), onClick: () => {
                         downloadBookmarkFile(fileType, model);

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

@@ -1,4 +1,4 @@
-import type { GridBookmarkModel } from '../../model';
+import type { GridBookmarkModel } from '../../model.ts';
 declare const HighlightSettingsDialog: ({ onClose, model, }: {
     onClose: () => void;
     model: GridBookmarkModel;

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog } from '@jbrowse/core/ui';
 import { Button, DialogActions, DialogContent, Stack, Switch, Typography, } from '@mui/material';
 import { observer } from 'mobx-react';
-const HighlightSettingsDialog = observer(function ({ onClose, model, }) {
+const HighlightSettingsDialog = observer(function HighlightSettingsDialog({ onClose, model, }) {
     return (_jsxs(Dialog, { open: true, onClose: onClose, title: "Highlight bookmarks", children: [_jsxs(DialogContent, { children: [_jsx(Typography, { variant: "h6", children: "Highlight toggles" }), _jsxs(Stack, { direction: "row", alignItems: "center", children: [_jsx(Switch, { "data-testid": "toggle_highlight_all_switch", checked: model.areBookmarksHighlightedOnAllOpenViews, onChange: () => {
                                     model.setBookmarkHighlightsVisible(!model.areBookmarksHighlightedOnAllOpenViews);
                                 } }), _jsx(Typography, { children: "Toggle bookmark highlights on all open views" })] }), _jsxs(Stack, { direction: "row", alignItems: "center", children: [_jsx(Switch, { "data-testid": "toggle_highlight_label_all_switch", checked: model.areBookmarksHighlightLabelsOnAllOpenViews, onChange: () => {

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

@@ -1,4 +1,4 @@
-import type { GridBookmarkModel } from '../../model';
+import type { GridBookmarkModel } from '../../model.ts';
 declare const ImportBookmarksDialog: ({ onClose, model, }: {
     onClose: () => void;
     model: GridBookmarkModel;

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

@@ -3,14 +3,14 @@ import { useState } from 'react';
 import { AssemblySelector, Dialog, ErrorMessage, FileSelector, } from '@jbrowse/core/ui';
 import { getSession } from '@jbrowse/core/util';
 import { openLocation } from '@jbrowse/core/util/io';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { isSessionWithShareURL } from '@jbrowse/core/util/types';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import ImportIcon from '@mui/icons-material/Publish';
 import { Accordion, AccordionDetails, AccordionSummary, Button, DialogActions, DialogContent, TextField, Typography, } from '@mui/material';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-import { readSessionFromDynamo } from '../../sessionSharing';
-import { fromUrlSafeB64 } from '../../utils';
+import { readSessionFromDynamo } from "../../sessionSharing.js";
+import { fromUrlSafeB64 } from "../../utils.js";
 const useStyles = makeStyles()(theme => ({
     expandIcon: {
         color: theme.palette.tertiary.contrastText || '#fff',
@@ -24,7 +24,7 @@ async function getBookmarksFromShareLink(shareLink, shareURL) {
     const urlParams = new URL(shareLink);
     const sessionQueryParam = urlParams.searchParams.get('bookmarks');
     const password = urlParams.searchParams.get('password');
-    const decryptedSession = await readSessionFromDynamo(`${shareURL !== null && shareURL !== void 0 ? shareURL : defaultURL}load`, sessionQueryParam || '', password || '');
+    const decryptedSession = await readSessionFromDynamo(`${shareURL ?? defaultURL}load`, sessionQueryParam || '', password || '');
     const sharedSession = JSON.parse(await fromUrlSafeB64(decryptedSession));
     return sharedSession.sharedBookmarks;
 }
@@ -64,7 +64,7 @@ async function getBookmarksFromBEDFile(lines, selectedAsm) {
         };
     });
 }
-const ImportBookmarksDialog = observer(function ({ onClose, model, }) {
+const ImportBookmarksDialog = observer(function ImportBookmarksDialog({ onClose, model, }) {
     const { classes } = useStyles();
     const [location, setLocation] = useState();
     const [error, setError] = useState();

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

@@ -1,4 +1,4 @@
-import type { GridBookmarkModel } from '../../model';
+import type { GridBookmarkModel } from '../../model.ts';
 declare const ShareBookmarksDialog: ({ onClose, model, }: {
     onClose: () => void;
     model: GridBookmarkModel;

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

@@ -2,13 +2,12 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useEffect, useState } from 'react';
 import { Dialog, ErrorMessage } from '@jbrowse/core/ui';
 import { getSession, isSessionWithShareURL } from '@jbrowse/core/util';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
+import { getSnapshot } from '@jbrowse/mobx-state-tree';
 import ContentCopyIcon from '@mui/icons-material/ContentCopy';
 import { Alert, Button, DialogActions, DialogContent, DialogContentText, TextField, Typography, } from '@mui/material';
-import copy from 'copy-to-clipboard';
 import { observer } from 'mobx-react';
-import { getSnapshot } from 'mobx-state-tree';
-import { makeStyles } from 'tss-react/mui';
-import { shareSessionToDynamo } from '../../sessionSharing';
+import { shareSessionToDynamo } from "../../sessionSharing.js";
 const useStyles = makeStyles()(() => ({
     flexItem: {
         margin: 5,
@@ -19,7 +18,7 @@ const useStyles = makeStyles()(() => ({
         gap: '5px',
     },
 }));
-const ShareBookmarksDialog = observer(function ({ onClose, model, }) {
+const ShareBookmarksDialog = observer(function ShareBookmarksDialog({ onClose, model, }) {
     const { classes } = useStyles();
     const [url, setUrl] = useState('');
     const [error, setError] = useState();
@@ -64,6 +63,7 @@ const ShareBookmarksDialog = observer(function ({ onClose, model, }) {
                             const target = event.target;
                             target.select();
                         } })), _jsx(DialogContentText, { children: "The URL should be pasted into the \"Import from share link\" field in the \"Import\" form found in the \"Bookmarked regions\" drawer." })] }), _jsx(DialogActions, { children: _jsx(Button, { className: classes.flexItem, "data-testid": "dialogShare", variant: "contained", color: "primary", disabled: loading, startIcon: _jsx(ContentCopyIcon, {}), onClick: async () => {
+                        const { default: copy } = await import('copy-to-clipboard');
                         copy(url);
                         session.notify('Copied to clipboard', 'success');
                         onClose();

package/esm/GridBookmarkWidget/index.js

@@ -1,8 +1,8 @@
 import { lazy } from 'react';
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 import { WidgetType } from '@jbrowse/core/pluggableElementTypes';
-import AddHighlightModelF from './components/Highlight';
-import stateModelFactory from './model';
+import AddHighlightModelF from "./components/Highlight/index.js";
+import stateModelFactory from "./model.js";
 const configSchema = ConfigurationSchema('GridBookmarkWidget', {});
 export default function GridBookmarkWidgetF(pluginManager) {
     pluginManager.addWidgetType(() => {
@@ -11,7 +11,7 @@ export default function GridBookmarkWidgetF(pluginManager) {
             heading: 'Bookmarked regions',
             configSchema,
             stateModel: stateModelFactory(pluginManager),
-            ReactComponent: lazy(() => import('./components/GridBookmarkWidget')),
+            ReactComponent: lazy(() => import("./components/GridBookmarkWidget.js")),
         });
     });
     AddHighlightModelF(pluginManager);