@jbrowse/plugin-grid-bookmark 2.18.0 → 3.0.1

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

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
@@ -72,55 +73,38 @@ const ImportBookmarksDialog = observer(function ({ onClose, model, }) {
     const { assemblyNames } = session;
     const [selectedAsm, setSelectedAsm] = useState(assemblyNames[0]);
     const [expanded, setExpanded] = useState('shareLinkAccordion');
-    return (React.createElement(Dialog, { open: true, onClose: onClose, maxWidth: "xl", title: "Import bookmarks" },
-        React.createElement(DialogContent, { className: classes.minWidth },
-            React.createElement(Accordion, { expanded: expanded === 'shareLinkAccordion', onChange: () => {
-                    setExpanded('shareLinkAccordion');
-                } },
-                React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
-                    React.createElement(Typography, { style: { display: 'flex', alignItems: 'center', gap: '5px' } }, "Import from share link")),
-                React.createElement(AccordionDetails, null,
-                    React.createElement(Typography, null, "Paste a bookmark share link generated by the 'Share' button from the bookmarks widget"),
-                    React.createElement(TextField, { label: "Enter Share URL", variant: "outlined", fullWidth: true, value: shareLink, onChange: e => {
-                            setShareLink(e.target.value);
-                        } }))),
-            React.createElement(Accordion, { expanded: expanded === 'fileAccordion', onChange: () => {
-                    setExpanded('fileAccordion');
-                } },
-                React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
-                    React.createElement(Typography, null, "Import from file")),
-                React.createElement(AccordionDetails, null,
-                    React.createElement(FileSelector, { location: location, setLocation: setLocation, name: "File", description: `Choose a BED or TSV format file to import. Required TSV column headers are "chrom, start, end, label, assembly_name".` }),
-                    React.createElement(AssemblySelector, { onChange: val => {
-                            setSelectedAsm(val);
-                        }, helperText: 'Select the assembly for BED file.', session: session, selected: selectedAsm }))),
-            error ? React.createElement(ErrorMessage, { error: error }) : null),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { variant: "contained", color: "secondary", onClick: onClose }, "Cancel"),
-            React.createElement(Button, { "data-testid": "dialogImport", variant: "contained", color: "primary", disabled: !location && !shareLink, startIcon: React.createElement(ImportIcon, null), onClick: async () => {
-                    try {
-                        if (expanded === 'fileAccordion' && location) {
-                            const data = await openLocation(location).readFile('utf8');
-                            const lines = data.split(/\n|\r\n|\r/).filter(f => !!f.trim());
-                            const fileType = guessFileType(lines[0]);
-                            if (fileType === 'BED') {
-                                model.importBookmarks(await getBookmarksFromBEDFile(lines, selectedAsm));
+    return (_jsxs(Dialog, { open: true, onClose: onClose, maxWidth: "xl", title: "Import bookmarks", children: [_jsxs(DialogContent, { className: classes.minWidth, children: [_jsxs(Accordion, { expanded: expanded === 'shareLinkAccordion', onChange: () => {
+                            setExpanded('shareLinkAccordion');
+                        }, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, { className: classes.expandIcon }), children: _jsx(Typography, { style: { display: 'flex', alignItems: 'center', gap: '5px' }, children: "Import from share link" }) }), _jsxs(AccordionDetails, { children: [_jsx(Typography, { children: "Paste a bookmark share link generated by the 'Share' button from the bookmarks widget" }), _jsx(TextField, { label: "Enter Share URL", variant: "outlined", fullWidth: true, value: shareLink, onChange: e => {
+                                            setShareLink(e.target.value);
+                                        } })] })] }), _jsxs(Accordion, { expanded: expanded === 'fileAccordion', onChange: () => {
+                            setExpanded('fileAccordion');
+                        }, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, { className: classes.expandIcon }), children: _jsx(Typography, { children: "Import from file" }) }), _jsxs(AccordionDetails, { children: [_jsx(FileSelector, { location: location, setLocation: setLocation, name: "File", description: `Choose a BED or TSV format file to import. Required TSV column headers are "chrom, start, end, label, assembly_name".` }), _jsx(AssemblySelector, { onChange: val => {
+                                            setSelectedAsm(val);
+                                        }, helperText: 'Select the assembly for BED file.', session: session, selected: selectedAsm })] })] }), error ? _jsx(ErrorMessage, { error: error }) : null] }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "contained", color: "secondary", onClick: onClose, children: "Cancel" }), _jsx(Button, { "data-testid": "dialogImport", variant: "contained", color: "primary", disabled: !location && !shareLink, startIcon: _jsx(ImportIcon, {}), onClick: async () => {
+                            try {
+                                if (expanded === 'fileAccordion' && location) {
+                                    const data = await openLocation(location).readFile('utf8');
+                                    const lines = data.split(/\n|\r\n|\r/).filter(f => !!f.trim());
+                                    const fileType = guessFileType(lines[0]);
+                                    if (fileType === 'BED') {
+                                        model.importBookmarks(await getBookmarksFromBEDFile(lines, selectedAsm));
+                                    }
+                                    else {
+                                        model.importBookmarks(await getBookmarksFromTSVFile(lines));
+                                    }
+                                }
+                                else if (expanded === 'shareLinkAccordion' &&
+                                    shareLink &&
+                                    isSessionWithShareURL(session)) {
+                                    model.importBookmarks(await getBookmarksFromShareLink(shareLink, session.shareURL));
+                                }
+                                onClose();
                             }
-                            else {
-                                model.importBookmarks(await getBookmarksFromTSVFile(lines));
+                            catch (e) {
+                                console.error(e);
+                                setError(e);
                             }
-                        }
-                        else if (expanded === 'shareLinkAccordion' &&
-                            shareLink &&
-                            isSessionWithShareURL(session)) {
-                            model.importBookmarks(await getBookmarksFromShareLink(shareLink, session.shareURL));
-                        }
-                        onClose();
-                    }
-                    catch (e) {
-                        console.error(e);
-                        setError(e);
-                    }
-                } }, "Import"))));
+                        }, children: "Import" })] })] }));
 });
 export default ImportBookmarksDialog;

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

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

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

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import { Dialog, ErrorMessage } from '@jbrowse/core/ui';
 import { ContentCopy as ContentCopyIcon } from '@jbrowse/core/ui/Icons';
 import { getSession, isSessionWithShareURL } from '@jbrowse/core/util';
@@ -55,27 +56,17 @@ const ShareBookmarksDialog = observer(function ({ onClose, model, }) {
             }
         })();
     }, [bookmarksToShare, session]);
-    return (React.createElement(Dialog, { open: true, onClose: onClose, title: "Share bookmarks" },
-        React.createElement(DialogContent, { className: classes.content },
-            React.createElement(Alert, { severity: "info" }, shareAll ? (React.createElement(React.Fragment, null,
-                React.createElement("span", null, "All bookmarks will be shared."),
-                React.createElement("br", null),
-                React.createElement("span", null, "Use the checkboxes to select individual bookmarks to share."))) : ('Only selected bookmarks will be shared.')),
-            React.createElement(DialogContentText, null, "Copy the URL below to share your bookmarks."),
-            error ? (React.createElement(ErrorMessage, { error: error })) : loading ? (React.createElement(Typography, null, "Generating short URL...")) : (React.createElement(TextField, { label: "URL", value: url, slotProps: {
-                    input: {
-                        readOnly: true,
-                    },
-                }, variant: "filled", fullWidth: true, onClick: event => {
-                    const target = event.target;
-                    target.select();
-                } })),
-            React.createElement(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.createElement(DialogActions, null,
-            React.createElement(Button, { className: classes.flexItem, "data-testid": "dialogShare", variant: "contained", color: "primary", disabled: loading, startIcon: React.createElement(ContentCopyIcon, null), onClick: async () => {
-                    copy(url);
-                    session.notify('Copied to clipboard', 'success');
-                    onClose();
-                } }, "Copy share link"))));
+    return (_jsxs(Dialog, { open: true, onClose: onClose, title: "Share bookmarks", children: [_jsxs(DialogContent, { className: classes.content, children: [_jsx(Alert, { severity: "info", children: shareAll ? (_jsxs(_Fragment, { children: [_jsx("span", { children: "All bookmarks will be shared." }), _jsx("br", {}), _jsx("span", { children: "Use the checkboxes to select individual bookmarks to share." })] })) : ('Only selected bookmarks will be shared.') }), _jsx(DialogContentText, { children: "Copy the URL below to share your bookmarks." }), error ? (_jsx(ErrorMessage, { error: error })) : loading ? (_jsx(Typography, { children: "Generating short URL..." })) : (_jsx(TextField, { label: "URL", value: url, slotProps: {
+                            input: {
+                                readOnly: true,
+                            },
+                        }, variant: "filled", fullWidth: true, onClick: event => {
+                            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 () => {
+                        copy(url);
+                        session.notify('Copied to clipboard', 'success');
+                        onClose();
+                    }, children: "Copy share link" }) })] }));
 });
 export default ShareBookmarksDialog;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-grid-bookmark",
-  "version": "2.18.0",
+  "version": "3.0.1",
   "description": "JBrowse 2 grid bookmark widget",
   "keywords": [
     "jbrowse",
@@ -36,28 +36,28 @@
     "clean": "rimraf dist esm *.tsbuildinfo"
   },
   "dependencies": {
+    "@jbrowse/core": "^3.0.1",
+    "@jbrowse/plugin-config": "^3.0.1",
+    "@jbrowse/plugin-linear-genome-view": "^3.0.1",
     "@mui/icons-material": "^6.0.0",
-    "@types/file-saver": "^2.0.1",
-    "copy-to-clipboard": "^3.3.1",
-    "file-saver": "^2.0.0"
-  },
-  "peerDependencies": {
-    "@jbrowse/core": "^2.0.0",
-    "@jbrowse/plugin-config": "^2.0.0",
-    "@jbrowse/plugin-linear-genome-view": "^2.0.0",
     "@mui/material": "^6.0.0",
     "@mui/x-data-grid": "^7.0.0",
+    "@types/file-saver": "^2.0.1",
+    "copy-to-clipboard": "^3.3.1",
+    "file-saver": "^2.0.0",
     "mobx": "^6.0.0",
     "mobx-react": "^9.0.0",
     "mobx-state-tree": "^5.0.0",
-    "react": ">=16.8.0",
     "tss-react": "^4.0.0"
   },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
   "publishConfig": {
     "access": "public"
   },
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "c344ea60099cb7e460b77f15808946b24a7eee74"
+  "gitHead": "aa2f1d1a89d2361c7fd1a93fe29506fa4554f5cc"
 }