@jbrowse/plugin-grid-bookmark 2.18.0 → 3.0.1

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

@@ -1,29 +1,7 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
 const ColorPicker_1 = require("@jbrowse/core/ui/ColorPicker");
 const material_1 = require("@mui/material");
@@ -33,20 +11,13 @@ const EditHighlightColorDialog = (0, mobx_react_1.observer)(function ({ onClose,
     const { selectedBookmarks } = model;
     const editNone = selectedBookmarks.length === 0;
     const [color, setColor] = (0, react_1.useState)((_b = (_a = selectedBookmarks[0]) === null || _a === void 0 ? void 0 : _a.highlight) !== null && _b !== void 0 ? _b : 'rgba(247, 129, 192, 0.35)');
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: onClose, title: "Highlight bookmarks" },
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(material_1.Typography, { variant: "h6" }, "Bulk highlight selector"),
-            react_1.default.createElement(material_1.Alert, { severity: "info" }, editNone ? (react_1.default.createElement("span", null, "Use the checkboxes to select individual bookmarks to edit.")) : ('Only selected bookmarks will be edited.')),
-            !editNone ? (react_1.default.createElement(ColorPicker_1.ColorPicker, { color: color, onChange: event => {
-                    setColor(event);
-                } })) : null),
-        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: () => {
-                    model.updateBulkBookmarkHighlights(color);
-                    onClose();
-                } }, "Confirm"))));
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: onClose, title: "Highlight bookmarks", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", children: "Bulk highlight selector" }), (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "info", children: editNone ? ((0, jsx_runtime_1.jsx)("span", { children: "Use the checkboxes to select individual bookmarks to edit." })) : ('Only selected bookmarks will be edited.') }), !editNone ? ((0, jsx_runtime_1.jsx)(ColorPicker_1.ColorPicker, { color: color, onChange: event => {
+                            setColor(event);
+                        } })) : null] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
+                            onClose();
+                        }, children: "Cancel" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", onClick: () => {
+                            model.updateBulkBookmarkHighlights(color);
+                            onClose();
+                        }, children: "Confirm" })] })] }));
 });
 exports.default = EditHighlightColorDialog;

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

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

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

@@ -1,32 +1,10 @@
 "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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
 const GetApp_1 = __importDefault(require("@mui/icons-material/GetApp"));
 const material_1 = require("@mui/material");
@@ -50,25 +28,13 @@ const ExportBookmarksDialog = (0, mobx_react_1.observer)(function ({ model, onCl
     const [fileType, setFileType] = (0, react_1.useState)('BED');
     const { selectedBookmarks } = model;
     const exportAll = selectedBookmarks.length === 0;
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: () => {
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: () => {
             onClose();
-        }, title: "Export bookmarks" },
-        react_1.default.createElement(material_1.DialogContent, { className: classes.container },
-            react_1.default.createElement(material_1.Alert, { severity: "info" }, exportAll ? (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("span", null, "All bookmarks will be exported."),
-                react_1.default.createElement("br", null),
-                react_1.default.createElement("span", null, "Use the checkboxes to select individual bookmarks to export."))) : ('Only selected bookmarks will be exported.')),
-            react_1.default.createElement("div", { className: classes.flexItem },
-                react_1.default.createElement(material_1.Typography, null, "Format to download:"),
-                react_1.default.createElement(material_1.Select, { size: "small", value: fileType, onChange: event => {
-                        setFileType(event.target.value);
-                    } },
-                    react_1.default.createElement(material_1.MenuItem, { value: "BED" }, "BED"),
-                    react_1.default.createElement(material_1.MenuItem, { value: "TSV" }, "TSV")))),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", startIcon: react_1.default.createElement(GetApp_1.default, null), onClick: () => {
-                    (0, utils_1.downloadBookmarkFile)(fileType, model);
-                    onClose();
-                } }, "Download"))));
+        }, title: "Export bookmarks", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { className: classes.container, children: [(0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "info", children: exportAll ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: "All bookmarks will be exported." }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { children: "Use the checkboxes to select individual bookmarks to export." })] })) : ('Only selected bookmarks will be exported.') }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flexItem, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Format to download:" }), (0, jsx_runtime_1.jsxs)(material_1.Select, { size: "small", value: fileType, onChange: event => {
+                                    setFileType(event.target.value);
+                                }, children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "BED", children: "BED" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "TSV", children: "TSV" })] })] })] }), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", startIcon: (0, jsx_runtime_1.jsx)(GetApp_1.default, {}), onClick: () => {
+                        (0, utils_1.downloadBookmarkFile)(fileType, model);
+                        onClose();
+                    }, children: "Download" }) })] }));
 });
 exports.default = ExportBookmarksDialog;

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

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

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

@@ -1,29 +1,16 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
 const ui_1 = require("@jbrowse/core/ui");
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const HighlightSettingsDialog = (0, mobx_react_1.observer)(function ({ onClose, model, }) {
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: onClose, title: "Highlight bookmarks" },
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(material_1.Typography, { variant: "h6" }, "Highlight toggles"),
-            react_1.default.createElement(material_1.Stack, { direction: "row", alignItems: "center" },
-                react_1.default.createElement(material_1.Switch, { "data-testid": "toggle_highlight_all_switch", checked: model.areBookmarksHighlightedOnAllOpenViews, onChange: () => {
-                        model.setBookmarkHighlightsVisible(!model.areBookmarksHighlightedOnAllOpenViews);
-                    } }),
-                react_1.default.createElement(material_1.Typography, null, "Toggle bookmark highlights on all open views")),
-            react_1.default.createElement(material_1.Stack, { direction: "row", alignItems: "center" },
-                react_1.default.createElement(material_1.Switch, { "data-testid": "toggle_highlight_label_all_switch", checked: model.areBookmarksHighlightLabelsOnAllOpenViews, onChange: () => {
-                        model.setBookmarkLabelsVisible(!model.areBookmarksHighlightLabelsOnAllOpenViews);
-                    } }),
-                react_1.default.createElement(material_1.Typography, null, "Toggle 'bookmark' icon on LGV tracks"))),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", onClick: () => {
-                    onClose();
-                } }, "Close"))));
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: onClose, title: "Highlight bookmarks", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", children: "Highlight toggles" }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Switch, { "data-testid": "toggle_highlight_all_switch", checked: model.areBookmarksHighlightedOnAllOpenViews, onChange: () => {
+                                    model.setBookmarkHighlightsVisible(!model.areBookmarksHighlightedOnAllOpenViews);
+                                } }), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Toggle bookmark highlights on all open views" })] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Switch, { "data-testid": "toggle_highlight_label_all_switch", checked: model.areBookmarksHighlightLabelsOnAllOpenViews, onChange: () => {
+                                    model.setBookmarkLabelsVisible(!model.areBookmarksHighlightLabelsOnAllOpenViews);
+                                } }), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Toggle 'bookmark' icon on LGV tracks" })] })] }), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", onClick: () => {
+                        onClose();
+                    }, children: "Close" }) })] }));
 });
 exports.default = HighlightSettingsDialog;

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

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

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

@@ -1,32 +1,10 @@
 "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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
 const util_1 = require("@jbrowse/core/util");
 const io_1 = require("@jbrowse/core/util/io");
@@ -100,55 +78,38 @@ const ImportBookmarksDialog = (0, mobx_react_1.observer)(function ({ onClose, mo
     const { assemblyNames } = session;
     const [selectedAsm, setSelectedAsm] = (0, react_1.useState)(assemblyNames[0]);
     const [expanded, setExpanded] = (0, react_1.useState)('shareLinkAccordion');
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: onClose, maxWidth: "xl", title: "Import bookmarks" },
-        react_1.default.createElement(material_1.DialogContent, { className: classes.minWidth },
-            react_1.default.createElement(material_1.Accordion, { expanded: expanded === 'shareLinkAccordion', onChange: () => {
-                    setExpanded('shareLinkAccordion');
-                } },
-                react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.expandIcon }) },
-                    react_1.default.createElement(material_1.Typography, { style: { display: 'flex', alignItems: 'center', gap: '5px' } }, "Import from share link")),
-                react_1.default.createElement(material_1.AccordionDetails, null,
-                    react_1.default.createElement(material_1.Typography, null, "Paste a bookmark share link generated by the 'Share' button from the bookmarks widget"),
-                    react_1.default.createElement(material_1.TextField, { label: "Enter Share URL", variant: "outlined", fullWidth: true, value: shareLink, onChange: e => {
-                            setShareLink(e.target.value);
-                        } }))),
-            react_1.default.createElement(material_1.Accordion, { expanded: expanded === 'fileAccordion', onChange: () => {
-                    setExpanded('fileAccordion');
-                } },
-                react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.expandIcon }) },
-                    react_1.default.createElement(material_1.Typography, null, "Import from file")),
-                react_1.default.createElement(material_1.AccordionDetails, null,
-                    react_1.default.createElement(ui_1.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_1.default.createElement(ui_1.AssemblySelector, { onChange: val => {
-                            setSelectedAsm(val);
-                        }, helperText: 'Select the assembly for BED file.', session: session, selected: selectedAsm }))),
-            error ? react_1.default.createElement(ui_1.ErrorMessage, { error: error }) : null),
-        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, { "data-testid": "dialogImport", variant: "contained", color: "primary", disabled: !location && !shareLink, startIcon: react_1.default.createElement(Publish_1.default, null), onClick: async () => {
-                    try {
-                        if (expanded === 'fileAccordion' && location) {
-                            const data = await (0, io_1.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 ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: onClose, maxWidth: "xl", title: "Import bookmarks", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { className: classes.minWidth, children: [(0, jsx_runtime_1.jsxs)(material_1.Accordion, { expanded: expanded === 'shareLinkAccordion', onChange: () => {
+                            setExpanded('shareLinkAccordion');
+                        }, children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, { className: classes.expandIcon }), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { style: { display: 'flex', alignItems: 'center', gap: '5px' }, children: "Import from share link" }) }), (0, jsx_runtime_1.jsxs)(material_1.AccordionDetails, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Paste a bookmark share link generated by the 'Share' button from the bookmarks widget" }), (0, jsx_runtime_1.jsx)(material_1.TextField, { label: "Enter Share URL", variant: "outlined", fullWidth: true, value: shareLink, onChange: e => {
+                                            setShareLink(e.target.value);
+                                        } })] })] }), (0, jsx_runtime_1.jsxs)(material_1.Accordion, { expanded: expanded === 'fileAccordion', onChange: () => {
+                            setExpanded('fileAccordion');
+                        }, children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, { className: classes.expandIcon }), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Import from file" }) }), (0, jsx_runtime_1.jsxs)(material_1.AccordionDetails, { children: [(0, jsx_runtime_1.jsx)(ui_1.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".` }), (0, jsx_runtime_1.jsx)(ui_1.AssemblySelector, { onChange: val => {
+                                            setSelectedAsm(val);
+                                        }, helperText: 'Select the assembly for BED file.', session: session, selected: selectedAsm })] })] }), error ? (0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: error }) : null] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "secondary", onClick: onClose, children: "Cancel" }), (0, jsx_runtime_1.jsx)(material_1.Button, { "data-testid": "dialogImport", variant: "contained", color: "primary", disabled: !location && !shareLink, startIcon: (0, jsx_runtime_1.jsx)(Publish_1.default, {}), onClick: async () => {
+                            try {
+                                if (expanded === 'fileAccordion' && location) {
+                                    const data = await (0, io_1.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 &&
+                                    (0, types_1.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 &&
-                            (0, types_1.isSessionWithShareURL)(session)) {
-                            model.importBookmarks(await getBookmarksFromShareLink(shareLink, session.shareURL));
-                        }
-                        onClose();
-                    }
-                    catch (e) {
-                        console.error(e);
-                        setError(e);
-                    }
-                } }, "Import"))));
+                        }, children: "Import" })] })] }));
 });
 exports.default = ImportBookmarksDialog;

package/dist/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/dist/GridBookmarkWidget/components/dialogs/ShareBookmarksDialog.js

@@ -1,32 +1,10 @@
 "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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
 const Icons_1 = require("@jbrowse/core/ui/Icons");
 const util_1 = require("@jbrowse/core/util");
@@ -83,27 +61,17 @@ const ShareBookmarksDialog = (0, mobx_react_1.observer)(function ({ onClose, mod
             }
         })();
     }, [bookmarksToShare, session]);
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: onClose, title: "Share bookmarks" },
-        react_1.default.createElement(material_1.DialogContent, { className: classes.content },
-            react_1.default.createElement(material_1.Alert, { severity: "info" }, shareAll ? (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("span", null, "All bookmarks will be shared."),
-                react_1.default.createElement("br", null),
-                react_1.default.createElement("span", null, "Use the checkboxes to select individual bookmarks to share."))) : ('Only selected bookmarks will be shared.')),
-            react_1.default.createElement(material_1.DialogContentText, null, "Copy the URL below to share your bookmarks."),
-            error ? (react_1.default.createElement(ui_1.ErrorMessage, { error: error })) : loading ? (react_1.default.createElement(material_1.Typography, null, "Generating short URL...")) : (react_1.default.createElement(material_1.TextField, { label: "URL", value: url, slotProps: {
-                    input: {
-                        readOnly: true,
-                    },
-                }, variant: "filled", fullWidth: true, onClick: event => {
-                    const target = event.target;
-                    target.select();
-                } })),
-            react_1.default.createElement(material_1.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_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { className: classes.flexItem, "data-testid": "dialogShare", variant: "contained", color: "primary", disabled: loading, startIcon: react_1.default.createElement(Icons_1.ContentCopy, null), onClick: async () => {
-                    (0, copy_to_clipboard_1.default)(url);
-                    session.notify('Copied to clipboard', 'success');
-                    onClose();
-                } }, "Copy share link"))));
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: onClose, title: "Share bookmarks", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { className: classes.content, children: [(0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "info", children: shareAll ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: "All bookmarks will be shared." }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { children: "Use the checkboxes to select individual bookmarks to share." })] })) : ('Only selected bookmarks will be shared.') }), (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: "Copy the URL below to share your bookmarks." }), error ? ((0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: error })) : loading ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Generating short URL..." })) : ((0, jsx_runtime_1.jsx)(material_1.TextField, { label: "URL", value: url, slotProps: {
+                            input: {
+                                readOnly: true,
+                            },
+                        }, variant: "filled", fullWidth: true, onClick: event => {
+                            const target = event.target;
+                            target.select();
+                        } })), (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: "The URL should be pasted into the \"Import from share link\" field in the \"Import\" form found in the \"Bookmarked regions\" drawer." })] }), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { className: classes.flexItem, "data-testid": "dialogShare", variant: "contained", color: "primary", disabled: loading, startIcon: (0, jsx_runtime_1.jsx)(Icons_1.ContentCopy, {}), onClick: async () => {
+                        (0, copy_to_clipboard_1.default)(url);
+                        session.notify('Copied to clipboard', 'success');
+                        onClose();
+                    }, children: "Copy share link" }) })] }));
 });
 exports.default = ShareBookmarksDialog;

package/dist/GridBookmarkWidget/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/GridBookmarkWidget/sessionSharing.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.shareSessionToDynamo = shareSessionToDynamo;
 exports.readSessionFromDynamo = readSessionFromDynamo;

package/dist/GridBookmarkWidget/utils.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.navToBookmark = navToBookmark;
 exports.downloadBookmarkFile = downloadBookmarkFile;

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

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

package/esm/GridBookmarkWidget/components/AssemblySelector.js

@@ -1,4 +1,4 @@
-import React from 'react';
+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, }) {
@@ -8,24 +8,13 @@ const AssemblySelector = observer(function ({ model, }) {
     const id = 'select-assemblies-label';
     const selectedSet = new Set(selectedAssemblies);
     const isAllSelected = [...validAssemblies].every(e => selectedSet.has(e));
-    return (React.createElement(FormControl, { disabled: noAssemblies, fullWidth: true },
-        React.createElement(InputLabel, { id: id }, label),
-        React.createElement(Select, { labelId: id, multiple: true, value: selectedAssemblies, onChange: event => {
-                model.setSelectedAssemblies([...event.target.value]);
-            }, input: React.createElement(OutlinedInput, { label: label }), renderValue: selected => selected.join(', ') },
-            React.createElement(MenuItem, { onClickCapture: event => {
-                    if (isAllSelected) {
-                        model.setSelectedAssemblies([]);
-                    }
-                    else {
-                        model.setSelectedAssemblies(undefined);
-                    }
-                    event.preventDefault();
-                } },
-                React.createElement(Checkbox, { checked: isAllSelected, indeterminate: !isAllSelected && selectedAssemblies.length > 0 }),
-                React.createElement(ListItemText, { primary: "Select all" })),
-            [...validAssemblies].map(name => (React.createElement(MenuItem, { key: name, value: name },
-                React.createElement(Checkbox, { checked: selectedAssemblies.includes(name) }),
-                React.createElement(ListItemText, { primary: name })))))));
+    return (_jsxs(FormControl, { disabled: noAssemblies, fullWidth: true, children: [_jsx(InputLabel, { id: id, children: label }), _jsxs(Select, { labelId: id, multiple: true, value: selectedAssemblies, onChange: event => {
+                    model.setSelectedAssemblies(typeof event.target.value === 'string'
+                        ? [event.target.value]
+                        : event.target.value);
+                }, input: _jsx(OutlinedInput, { label: label }), renderValue: selected => selected.join(', '), children: [_jsxs(MenuItem, { onClickCapture: event => {
+                            model.setSelectedAssemblies(isAllSelected ? [] : undefined);
+                            event.preventDefault();
+                        }, children: [_jsx(Checkbox, { checked: isAllSelected, indeterminate: !isAllSelected && selectedAssemblies.length > 0 }), _jsx(ListItemText, { primary: "Select all" })] }), [...validAssemblies].map(name => (_jsxs(MenuItem, { value: name, children: [_jsx(Checkbox, { checked: selectedAssemblies.includes(name) }), _jsx(ListItemText, { primary: name })] }, name)))] })] }));
 });
 export default AssemblySelector;

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

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