@jbrowse/plugin-grid-bookmark 2.18.0 → 3.0.1

package/esm/GridBookmarkWidget/components/BookmarkGrid.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import ColorPicker from '@jbrowse/core/ui/ColorPicker';
 import { assembleLocString, getSession, measureGridWidth, measureText, } from '@jbrowse/core/util';
 import { Link } from '@mui/material';
@@ -37,8 +37,7 @@ const BookmarkGrid = observer(function ({ model, }) {
         Math.max(measureText('Assembly', 12) + 30, measureGridWidth(rows.map(row => row.assemblyName))),
         100,
     ];
-    return (React.createElement("div", { style: { display: 'flex', flexDirection: 'column' } },
-        React.createElement(DataGrid, { density: "compact", rows: rows, columns: [
+    return (_jsx("div", { style: { display: 'flex', flexDirection: 'column' }, children: _jsx(DataGrid, { density: "compact", rows: rows, columns: [
                 {
                     ...GRID_CHECKBOX_SELECTION_COL_DEF,
                     width: widths[0],
@@ -47,11 +46,11 @@ const BookmarkGrid = observer(function ({ model, }) {
                     field: 'locString',
                     headerName: 'Bookmark link',
                     width: widths[1],
-                    renderCell: ({ value, row }) => (React.createElement(Link, { className: classes.cell, href: "#", onClick: async (event) => {
+                    renderCell: ({ value, row }) => (_jsx(Link, { className: classes.cell, href: "#", onClick: async (event) => {
                             event.preventDefault();
                             const { views } = session;
                             await navToBookmark(value, row.assemblyName, views, model);
-                        } }, value)),
+                        }, children: value })),
                 },
                 {
                     field: 'label',
@@ -68,7 +67,7 @@ const BookmarkGrid = observer(function ({ model, }) {
                     field: 'highlight',
                     headerName: 'Highlight',
                     width: widths[4],
-                    renderCell: ({ value, row }) => (React.createElement(ColorPicker, { color: value || 'black', onChange: event => {
+                    renderCell: ({ value, row }) => (_jsx(ColorPicker, { color: value || 'black', onChange: event => {
                             model.updateBookmarkHighlight(row, event);
                         } })),
                 },
@@ -84,6 +83,6 @@ const BookmarkGrid = observer(function ({ model, }) {
                         ...rows[value],
                     })));
                 }
-            }, rowSelectionModel: selectedBookmarks.map(r => r.id), disableRowSelectionOnClick: true })));
+            }, rowSelectionModel: selectedBookmarks.map(r => r.id), disableRowSelectionOnClick: true }) }));
 });
 export default BookmarkGrid;

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

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

package/esm/GridBookmarkWidget/components/GridBookmarkWidget.js

@@ -1,4 +1,5 @@
-import React, { lazy } from 'react';
+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 Delete from '@mui/icons-material/Delete';
@@ -26,78 +27,67 @@ const useStyles = makeStyles()({
 });
 const GridBookmarkWidget = observer(function GridBookmarkWidget({ model, }) {
     const { classes } = useStyles();
-    return (React.createElement("div", null,
-        React.createElement(Alert, { severity: "info" },
-            "Click and type within the ",
-            React.createElement("strong", null, "label"),
-            " field to annotate your bookmark. Double click the ",
-            React.createElement("strong", null, "label"),
-            " field to do so within a dialog."),
-        React.createElement("div", { className: classes.flex },
-            React.createElement(CascadingMenuButton, { "data-testid": "grid_bookmark_menu", menuItems: [
-                    {
-                        label: 'Export',
-                        icon: GetApp,
-                        onClick: () => {
-                            getSession(model).queueDialog(onClose => [
-                                ExportBookmarksDialog,
-                                { onClose, model },
-                            ]);
-                        },
-                    },
-                    {
-                        label: 'Import',
-                        icon: Publish,
-                        onClick: () => {
-                            getSession(model).queueDialog(onClose => [
-                                ImportBookmarksDialog,
-                                { model, onClose },
-                            ]);
-                        },
-                    },
-                    {
-                        label: 'Delete',
-                        icon: Delete,
-                        onClick: () => {
-                            getSession(model).queueDialog(onClose => [
-                                DeleteBookmarksDialog,
-                                { model, onClose },
-                            ]);
-                        },
-                    },
-                    {
-                        label: 'Share',
-                        icon: Share,
-                        onClick: () => {
-                            getSession(model).queueDialog(onClose => [
-                                ShareBookmarksDialog,
-                                { model, onClose },
-                            ]);
-                        },
-                    },
-                    {
-                        label: 'Edit colors',
-                        icon: Palette,
-                        onClick: () => {
-                            getSession(model).queueDialog(onClose => [
-                                EditHighlightColorDialog,
-                                { model, onClose },
-                            ]);
-                        },
-                    },
-                    {
-                        label: 'Settings',
-                        icon: Settings,
-                        onClick: () => {
-                            getSession(model).queueDialog(onClose => [
-                                HighlightSettingsDialog,
-                                { model, onClose },
-                            ]);
-                        },
-                    },
-                ] },
-                React.createElement(Menu, null)),
-            React.createElement(AssemblySelector, { model: model })),
-        React.createElement(BookmarkGrid, { model: model })));
+    return (_jsxs("div", { children: [_jsxs(Alert, { severity: "info", children: ["Click and type within the ", _jsx("strong", { children: "label" }), " field to annotate your bookmark. Double click the ", _jsx("strong", { children: "label" }), " field to do so within a dialog."] }), _jsxs("div", { className: classes.flex, children: [_jsx(CascadingMenuButton, { "data-testid": "grid_bookmark_menu", menuItems: [
+                            {
+                                label: 'Export',
+                                icon: GetApp,
+                                onClick: () => {
+                                    getSession(model).queueDialog(onClose => [
+                                        ExportBookmarksDialog,
+                                        { onClose, model },
+                                    ]);
+                                },
+                            },
+                            {
+                                label: 'Import',
+                                icon: Publish,
+                                onClick: () => {
+                                    getSession(model).queueDialog(onClose => [
+                                        ImportBookmarksDialog,
+                                        { model, onClose },
+                                    ]);
+                                },
+                            },
+                            {
+                                label: 'Delete',
+                                icon: Delete,
+                                onClick: () => {
+                                    getSession(model).queueDialog(onClose => [
+                                        DeleteBookmarksDialog,
+                                        { model, onClose },
+                                    ]);
+                                },
+                            },
+                            {
+                                label: 'Share',
+                                icon: Share,
+                                onClick: () => {
+                                    getSession(model).queueDialog(onClose => [
+                                        ShareBookmarksDialog,
+                                        { model, onClose },
+                                    ]);
+                                },
+                            },
+                            {
+                                label: 'Edit colors',
+                                icon: Palette,
+                                onClick: () => {
+                                    getSession(model).queueDialog(onClose => [
+                                        EditHighlightColorDialog,
+                                        { model, onClose },
+                                    ]);
+                                },
+                            },
+                            {
+                                label: 'Settings',
+                                icon: Settings,
+                                onClick: () => {
+                                    getSession(model).queueDialog(onClose => [
+                                        HighlightSettingsDialog,
+                                        { model, onClose },
+                                    ]);
+                                },
+                            },
+                        ], children: _jsx(Menu, {}) }), _jsx(AssemblySelector, { model: model })] }), _jsx(BookmarkGrid, { model: model })] }));
 });
 export default GridBookmarkWidget;

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

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { IExtendedLGV } from '../../model';
 type LGV = IExtendedLGV;
 declare const Highlight: ({ model }: {
     model: LGV;
-}) => React.JSX.Element[] | null;
+}) => import("react/jsx-runtime").JSX.Element[] | null;
 export default Highlight;

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

@@ -1,4 +1,5 @@
-import React, { useEffect } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
@@ -50,39 +51,34 @@ const Highlight = observer(function Highlight({ model }) {
                 : undefined;
         })
             .filter(notEmpty)
-            .map(({ left, width, highlight, label, bookmark }, idx) => (React.createElement(React.Fragment, { key: `${left}_${width}_${idx}` },
-            React.createElement("div", { className: classes.highlight, id: "highlight", style: {
-                    left,
-                    width,
-                    background: highlight,
-                } }),
-            bookmarkLabelsVisible && width > 20 ? (React.createElement("div", { className: classes.bookmarkButton, style: { left } },
-                React.createElement(CascadingMenuButton, { menuItems: [
-                        {
-                            label: 'Open bookmark widget',
-                            onClick: () => {
-                                session.showWidget(bookmarkWidget);
+            .map(({ left, width, highlight, label, bookmark }, idx) => (_jsxs(Fragment, { children: [_jsx("div", { className: classes.highlight, id: "highlight", style: {
+                        left,
+                        width,
+                        background: highlight,
+                    } }), bookmarkLabelsVisible && width > 20 ? (_jsx("div", { className: classes.bookmarkButton, style: { left }, children: _jsx(CascadingMenuButton, { menuItems: [
+                            {
+                                label: 'Open bookmark widget',
+                                onClick: () => {
+                                    session.showWidget(bookmarkWidget);
+                                },
                             },
-                        },
-                        {
-                            label: 'Turn off highlights',
-                            onClick: () => {
-                                bookmarkWidget.setBookmarkHighlightsVisible(false);
+                            {
+                                label: 'Turn off highlights',
+                                onClick: () => {
+                                    bookmarkWidget.setBookmarkHighlightsVisible(false);
+                                },
                             },
-                        },
-                        {
-                            label: 'Remove bookmark',
-                            onClick: () => {
-                                bookmarkWidget.removeBookmarkObject(bookmark);
+                            {
+                                label: 'Remove bookmark',
+                                onClick: () => {
+                                    bookmarkWidget.removeBookmarkObject(bookmark);
+                                },
                             },
-                        },
-                    ] },
-                    React.createElement(Tooltip, { title: label, arrow: true },
-                        React.createElement(BookmarkIcon, { fontSize: "small", sx: {
-                                color: colord(highlight).alpha() !== 0
-                                    ? colord(highlight).alpha(0.8).toRgbString()
-                                    : colord(highlight).alpha(0).toRgbString(),
-                            } }))))) : null)))
+                        ], children: _jsx(Tooltip, { title: label, arrow: true, children: _jsx(BookmarkIcon, { fontSize: "small", sx: {
+                                    color: colord(highlight).alpha() !== 0
+                                        ? colord(highlight).alpha(0.8).toRgbString()
+                                        : colord(highlight).alpha(0).toRgbString(),
+                                } }) }) }) })) : null] }, `${left}_${width}_${idx}`)))
         : null;
 });
 export default Highlight;

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

@@ -1,9 +1,8 @@
-import React from 'react';
 import type { IExtendedLGV } from '../../model';
 import type { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
 type LGV = IExtendedLGV;
 declare const OverviewHighlight: ({ model, overview, }: {
     model: LGV;
     overview: Base1DViewModel;
-}) => React.JSX.Element[] | null;
+}) => import("react/jsx-runtime").JSX.Element[] | null;
 export default OverviewHighlight;

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

@@ -1,4 +1,5 @@
-import React, { useEffect } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
 import { getSession, notEmpty } from '@jbrowse/core/util';
 import { Tooltip } from '@mui/material';
 import { observer } from 'mobx-react';
@@ -44,14 +45,13 @@ const OverviewHighlight = observer(function OverviewHighlight({ model, overview,
             .filter(notEmpty)
             .map((obj, idx) => {
             const { left, width, highlight, label } = obj;
-            return (React.createElement(Tooltip, { key: `${JSON.stringify(obj)}-${idx}`, title: bookmarkLabelsVisible ? label : '', arrow: true },
-                React.createElement("div", { className: classes.highlight, style: {
+            return (_jsx(Tooltip, { title: bookmarkLabelsVisible ? label : '', arrow: true, children: _jsx("div", { className: classes.highlight, style: {
                         left,
                         width,
                         background: highlight,
                         borderLeft: `1px solid ${highlight}`,
                         borderRight: `1px solid ${highlight}`,
-                    } })));
+                    } }) }, `${JSON.stringify(obj)}-${idx}`));
         })
         : null;
 });

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

@@ -1,17 +1,17 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import Highlight from './Highlight';
 import OverviewHighlight from './OverviewHighlight';
 export default function AddHighlightModelF(pluginManager) {
     pluginManager.addToExtensionPoint('LinearGenomeView-TracksContainerComponent', (rest, { model }) => {
         return [
             ...(rest || []),
-            React.createElement(Highlight, { key: "highlight_grid_bookmark", model: model }),
+            _jsx(Highlight, { model: model }, "highlight_grid_bookmark"),
         ];
     });
     pluginManager.addToExtensionPoint('LinearGenomeView-OverviewScalebarComponent', (rest, { model, overview }) => {
         return [
             ...(rest || []),
-            React.createElement(OverviewHighlight, { key: "overview_highlight_grid_bookmark", model: model, overview: overview }),
+            _jsx(OverviewHighlight, { model: model, overview: overview }, "overview_highlight_grid_bookmark"),
         ];
     });
 }

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

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

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

@@ -1,26 +1,18 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 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 { selectedBookmarks } = model;
     const deleteAll = selectedBookmarks.length === 0;
-    return (React.createElement(Dialog, { open: true, onClose: onClose, title: "Delete bookmarks" },
-        React.createElement(DialogContent, null,
-            React.createElement(Alert, { severity: "warning" }, deleteAll ? (React.createElement(React.Fragment, null,
-                React.createElement("span", null, "All bookmarks will be deleted."),
-                React.createElement("br", null),
-                React.createElement("span", null, "Use the checkboxes to select individual bookmarks to delete."))) : ('Only selected bookmarks will be deleted.'))),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => {
-                    onClose();
-                } }, "Cancel"),
-            React.createElement(Button, { variant: "contained", color: "primary", onClick: () => {
-                    if (deleteAll) {
-                        model.clearAllBookmarks();
-                    }
-                    model.clearSelectedBookmarks();
-                    onClose();
-                } }, "Confirm"))));
+    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: () => {
+                            onClose();
+                        }, children: "Cancel" }), _jsx(Button, { variant: "contained", color: "primary", onClick: () => {
+                            if (deleteAll) {
+                                model.clearAllBookmarks();
+                            }
+                            model.clearSelectedBookmarks();
+                            onClose();
+                        }, children: "Confirm" })] })] }));
 });
 export default DeleteBookmarksDialog;

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

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

package/esm/GridBookmarkWidget/components/dialogs/EditHighlightColorDialog.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 { Dialog } from '@jbrowse/core/ui';
 import { ColorPicker } from '@jbrowse/core/ui/ColorPicker';
 import { Alert, Button, DialogActions, DialogContent, Typography, } from '@mui/material';
@@ -8,20 +9,13 @@ const EditHighlightColorDialog = observer(function ({ 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)');
-    return (React.createElement(Dialog, { open: true, onClose: onClose, title: "Highlight bookmarks" },
-        React.createElement(DialogContent, null,
-            React.createElement(Typography, { variant: "h6" }, "Bulk highlight selector"),
-            React.createElement(Alert, { severity: "info" }, editNone ? (React.createElement("span", null, "Use the checkboxes to select individual bookmarks to edit.")) : ('Only selected bookmarks will be edited.')),
-            !editNone ? (React.createElement(ColorPicker, { color: color, onChange: event => {
-                    setColor(event);
-                } })) : null),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => {
-                    onClose();
-                } }, "Cancel"),
-            React.createElement(Button, { variant: "contained", color: "primary", onClick: () => {
-                    model.updateBulkBookmarkHighlights(color);
-                    onClose();
-                } }, "Confirm"))));
+    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: () => {
+                            onClose();
+                        }, children: "Cancel" }), _jsx(Button, { variant: "contained", color: "primary", onClick: () => {
+                            model.updateBulkBookmarkHighlights(color);
+                            onClose();
+                        }, children: "Confirm" })] })] }));
 });
 export default EditHighlightColorDialog;

package/esm/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/esm/GridBookmarkWidget/components/dialogs/ExportBookmarksDialog.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+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 GetAppIcon from '@mui/icons-material/GetApp';
 import { Alert, Button, DialogActions, DialogContent, MenuItem, Select, Typography, } from '@mui/material';
@@ -22,25 +23,13 @@ const ExportBookmarksDialog = observer(function ({ model, onClose, }) {
     const [fileType, setFileType] = useState('BED');
     const { selectedBookmarks } = model;
     const exportAll = selectedBookmarks.length === 0;
-    return (React.createElement(Dialog, { open: true, onClose: () => {
+    return (_jsxs(Dialog, { open: true, onClose: () => {
             onClose();
-        }, title: "Export bookmarks" },
-        React.createElement(DialogContent, { className: classes.container },
-            React.createElement(Alert, { severity: "info" }, exportAll ? (React.createElement(React.Fragment, null,
-                React.createElement("span", null, "All bookmarks will be exported."),
-                React.createElement("br", null),
-                React.createElement("span", null, "Use the checkboxes to select individual bookmarks to export."))) : ('Only selected bookmarks will be exported.')),
-            React.createElement("div", { className: classes.flexItem },
-                React.createElement(Typography, null, "Format to download:"),
-                React.createElement(Select, { size: "small", 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: "primary", startIcon: React.createElement(GetAppIcon, null), onClick: () => {
-                    downloadBookmarkFile(fileType, model);
-                    onClose();
-                } }, "Download"))));
+        }, 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 => {
+                                    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);
+                        onClose();
+                    }, children: "Download" }) })] }));
 });
 export default ExportBookmarksDialog;

package/esm/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/esm/GridBookmarkWidget/components/dialogs/HighlightSettingsDialog.js

@@ -1,24 +1,14 @@
-import React from 'react';
+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, }) {
-    return (React.createElement(Dialog, { open: true, onClose: onClose, title: "Highlight bookmarks" },
-        React.createElement(DialogContent, null,
-            React.createElement(Typography, { variant: "h6" }, "Highlight toggles"),
-            React.createElement(Stack, { direction: "row", alignItems: "center" },
-                React.createElement(Switch, { "data-testid": "toggle_highlight_all_switch", checked: model.areBookmarksHighlightedOnAllOpenViews, onChange: () => {
-                        model.setBookmarkHighlightsVisible(!model.areBookmarksHighlightedOnAllOpenViews);
-                    } }),
-                React.createElement(Typography, null, "Toggle bookmark highlights on all open views")),
-            React.createElement(Stack, { direction: "row", alignItems: "center" },
-                React.createElement(Switch, { "data-testid": "toggle_highlight_label_all_switch", checked: model.areBookmarksHighlightLabelsOnAllOpenViews, onChange: () => {
-                        model.setBookmarkLabelsVisible(!model.areBookmarksHighlightLabelsOnAllOpenViews);
-                    } }),
-                React.createElement(Typography, null, "Toggle 'bookmark' icon on LGV tracks"))),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { variant: "contained", color: "primary", onClick: () => {
-                    onClose();
-                } }, "Close"))));
+    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: () => {
+                                    model.setBookmarkLabelsVisible(!model.areBookmarksHighlightLabelsOnAllOpenViews);
+                                } }), _jsx(Typography, { children: "Toggle 'bookmark' icon on LGV tracks" })] })] }), _jsx(DialogActions, { children: _jsx(Button, { variant: "contained", color: "primary", onClick: () => {
+                        onClose();
+                    }, children: "Close" }) })] }));
 });
 export default HighlightSettingsDialog;

package/esm/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;