@jbrowse/plugin-grid-bookmark 2.18.0 → 3.0.1

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

@@ -1,9 +1,6 @@
 "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 material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const AssemblySelector = (0, mobx_react_1.observer)(function ({ model, }) {
@@ -13,24 +10,13 @@ const AssemblySelector = (0, mobx_react_1.observer)(function ({ model, }) {
     const id = 'select-assemblies-label';
     const selectedSet = new Set(selectedAssemblies);
     const isAllSelected = [...validAssemblies].every(e => selectedSet.has(e));
-    return (react_1.default.createElement(material_1.FormControl, { disabled: noAssemblies, fullWidth: true },
-        react_1.default.createElement(material_1.InputLabel, { id: id }, label),
-        react_1.default.createElement(material_1.Select, { labelId: id, multiple: true, value: selectedAssemblies, onChange: event => {
-                model.setSelectedAssemblies([...event.target.value]);
-            }, input: react_1.default.createElement(material_1.OutlinedInput, { label: label }), renderValue: selected => selected.join(', ') },
-            react_1.default.createElement(material_1.MenuItem, { onClickCapture: event => {
-                    if (isAllSelected) {
-                        model.setSelectedAssemblies([]);
-                    }
-                    else {
-                        model.setSelectedAssemblies(undefined);
-                    }
-                    event.preventDefault();
-                } },
-                react_1.default.createElement(material_1.Checkbox, { checked: isAllSelected, indeterminate: !isAllSelected && selectedAssemblies.length > 0 }),
-                react_1.default.createElement(material_1.ListItemText, { primary: "Select all" })),
-            [...validAssemblies].map(name => (react_1.default.createElement(material_1.MenuItem, { key: name, value: name },
-                react_1.default.createElement(material_1.Checkbox, { checked: selectedAssemblies.includes(name) }),
-                react_1.default.createElement(material_1.ListItemText, { primary: name })))))));
+    return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { disabled: noAssemblies, fullWidth: true, children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { id: id, children: label }), (0, jsx_runtime_1.jsxs)(material_1.Select, { labelId: id, multiple: true, value: selectedAssemblies, onChange: event => {
+                    model.setSelectedAssemblies(typeof event.target.value === 'string'
+                        ? [event.target.value]
+                        : event.target.value);
+                }, input: (0, jsx_runtime_1.jsx)(material_1.OutlinedInput, { label: label }), renderValue: selected => selected.join(', '), children: [(0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClickCapture: event => {
+                            model.setSelectedAssemblies(isAllSelected ? [] : undefined);
+                            event.preventDefault();
+                        }, children: [(0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: isAllSelected, indeterminate: !isAllSelected && selectedAssemblies.length > 0 }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: "Select all" })] }), [...validAssemblies].map(name => ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { value: name, children: [(0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: selectedAssemblies.includes(name) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: name })] }, name)))] })] }));
 });
 exports.default = AssemblySelector;

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

package/dist/GridBookmarkWidget/components/BookmarkGrid.js

@@ -3,7 +3,7 @@ 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 ColorPicker_1 = __importDefault(require("@jbrowse/core/ui/ColorPicker"));
 const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
@@ -42,8 +42,7 @@ const BookmarkGrid = (0, mobx_react_1.observer)(function ({ model, }) {
         Math.max((0, util_1.measureText)('Assembly', 12) + 30, (0, util_1.measureGridWidth)(rows.map(row => row.assemblyName))),
         100,
     ];
-    return (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column' } },
-        react_1.default.createElement(x_data_grid_1.DataGrid, { density: "compact", rows: rows, columns: [
+    return ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(x_data_grid_1.DataGrid, { density: "compact", rows: rows, columns: [
                 {
                     ...x_data_grid_1.GRID_CHECKBOX_SELECTION_COL_DEF,
                     width: widths[0],
@@ -52,11 +51,11 @@ const BookmarkGrid = (0, mobx_react_1.observer)(function ({ model, }) {
                     field: 'locString',
                     headerName: 'Bookmark link',
                     width: widths[1],
-                    renderCell: ({ value, row }) => (react_1.default.createElement(material_1.Link, { className: classes.cell, href: "#", onClick: async (event) => {
+                    renderCell: ({ value, row }) => ((0, jsx_runtime_1.jsx)(material_1.Link, { className: classes.cell, href: "#", onClick: async (event) => {
                             event.preventDefault();
                             const { views } = session;
                             await (0, utils_1.navToBookmark)(value, row.assemblyName, views, model);
-                        } }, value)),
+                        }, children: value })),
                 },
                 {
                     field: 'label',
@@ -73,7 +72,7 @@ const BookmarkGrid = (0, mobx_react_1.observer)(function ({ model, }) {
                     field: 'highlight',
                     headerName: 'Highlight',
                     width: widths[4],
-                    renderCell: ({ value, row }) => (react_1.default.createElement(ColorPicker_1.default, { color: value || 'black', onChange: event => {
+                    renderCell: ({ value, row }) => ((0, jsx_runtime_1.jsx)(ColorPicker_1.default, { color: value || 'black', onChange: event => {
                             model.updateBookmarkHighlight(row, event);
                         } })),
                 },
@@ -89,6 +88,6 @@ const BookmarkGrid = (0, mobx_react_1.observer)(function ({ model, }) {
                         ...rows[value],
                     })));
                 }
-            }, rowSelectionModel: selectedBookmarks.map(r => r.id), disableRowSelectionOnClick: true })));
+            }, rowSelectionModel: selectedBookmarks.map(r => r.id), disableRowSelectionOnClick: true }) }));
 });
 exports.default = BookmarkGrid;

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

@@ -15,18 +15,29 @@ 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 };
 };
 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 CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
 const util_1 = require("@jbrowse/core/util");
 const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
@@ -54,78 +65,67 @@ const useStyles = (0, mui_1.makeStyles)()({
 });
 const GridBookmarkWidget = (0, mobx_react_1.observer)(function GridBookmarkWidget({ model, }) {
     const { classes } = useStyles();
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(material_1.Alert, { severity: "info" },
-            "Click and type within the ",
-            react_1.default.createElement("strong", null, "label"),
-            " field to annotate your bookmark. Double click the ",
-            react_1.default.createElement("strong", null, "label"),
-            " field to do so within a dialog."),
-        react_1.default.createElement("div", { className: classes.flex },
-            react_1.default.createElement(CascadingMenuButton_1.default, { "data-testid": "grid_bookmark_menu", menuItems: [
-                    {
-                        label: 'Export',
-                        icon: GetApp_1.default,
-                        onClick: () => {
-                            (0, util_1.getSession)(model).queueDialog(onClose => [
-                                ExportBookmarksDialog,
-                                { onClose, model },
-                            ]);
-                        },
-                    },
-                    {
-                        label: 'Import',
-                        icon: Publish_1.default,
-                        onClick: () => {
-                            (0, util_1.getSession)(model).queueDialog(onClose => [
-                                ImportBookmarksDialog,
-                                { model, onClose },
-                            ]);
-                        },
-                    },
-                    {
-                        label: 'Delete',
-                        icon: Delete_1.default,
-                        onClick: () => {
-                            (0, util_1.getSession)(model).queueDialog(onClose => [
-                                DeleteBookmarksDialog,
-                                { model, onClose },
-                            ]);
-                        },
-                    },
-                    {
-                        label: 'Share',
-                        icon: Share_1.default,
-                        onClick: () => {
-                            (0, util_1.getSession)(model).queueDialog(onClose => [
-                                ShareBookmarksDialog,
-                                { model, onClose },
-                            ]);
-                        },
-                    },
-                    {
-                        label: 'Edit colors',
-                        icon: Palette_1.default,
-                        onClick: () => {
-                            (0, util_1.getSession)(model).queueDialog(onClose => [
-                                EditHighlightColorDialog,
-                                { model, onClose },
-                            ]);
-                        },
-                    },
-                    {
-                        label: 'Settings',
-                        icon: Settings_1.default,
-                        onClick: () => {
-                            (0, util_1.getSession)(model).queueDialog(onClose => [
-                                HighlightSettingsDialog,
-                                { model, onClose },
-                            ]);
-                        },
-                    },
-                ] },
-                react_1.default.createElement(Menu_1.default, null)),
-            react_1.default.createElement(AssemblySelector_1.default, { model: model })),
-        react_1.default.createElement(BookmarkGrid_1.default, { model: model })));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(material_1.Alert, { severity: "info", children: ["Click and type within the ", (0, jsx_runtime_1.jsx)("strong", { children: "label" }), " field to annotate your bookmark. Double click the ", (0, jsx_runtime_1.jsx)("strong", { children: "label" }), " field to do so within a dialog."] }), (0, jsx_runtime_1.jsxs)("div", { className: classes.flex, children: [(0, jsx_runtime_1.jsx)(CascadingMenuButton_1.default, { "data-testid": "grid_bookmark_menu", menuItems: [
+                            {
+                                label: 'Export',
+                                icon: GetApp_1.default,
+                                onClick: () => {
+                                    (0, util_1.getSession)(model).queueDialog(onClose => [
+                                        ExportBookmarksDialog,
+                                        { onClose, model },
+                                    ]);
+                                },
+                            },
+                            {
+                                label: 'Import',
+                                icon: Publish_1.default,
+                                onClick: () => {
+                                    (0, util_1.getSession)(model).queueDialog(onClose => [
+                                        ImportBookmarksDialog,
+                                        { model, onClose },
+                                    ]);
+                                },
+                            },
+                            {
+                                label: 'Delete',
+                                icon: Delete_1.default,
+                                onClick: () => {
+                                    (0, util_1.getSession)(model).queueDialog(onClose => [
+                                        DeleteBookmarksDialog,
+                                        { model, onClose },
+                                    ]);
+                                },
+                            },
+                            {
+                                label: 'Share',
+                                icon: Share_1.default,
+                                onClick: () => {
+                                    (0, util_1.getSession)(model).queueDialog(onClose => [
+                                        ShareBookmarksDialog,
+                                        { model, onClose },
+                                    ]);
+                                },
+                            },
+                            {
+                                label: 'Edit colors',
+                                icon: Palette_1.default,
+                                onClick: () => {
+                                    (0, util_1.getSession)(model).queueDialog(onClose => [
+                                        EditHighlightColorDialog,
+                                        { model, onClose },
+                                    ]);
+                                },
+                            },
+                            {
+                                label: 'Settings',
+                                icon: Settings_1.default,
+                                onClick: () => {
+                                    (0, util_1.getSession)(model).queueDialog(onClose => [
+                                        HighlightSettingsDialog,
+                                        { model, onClose },
+                                    ]);
+                                },
+                            },
+                        ], children: (0, jsx_runtime_1.jsx)(Menu_1.default, {}) }), (0, jsx_runtime_1.jsx)(AssemblySelector_1.default, { model: model })] }), (0, jsx_runtime_1.jsx)(BookmarkGrid_1.default, { model: model })] }));
 });
 exports.default = GridBookmarkWidget;

package/dist/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/dist/GridBookmarkWidget/components/Highlight/Highlight.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 CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
 const util_1 = require("@jbrowse/core/util");
 const colord_1 = require("@jbrowse/core/util/colord");
@@ -78,39 +56,34 @@ const Highlight = (0, mobx_react_1.observer)(function Highlight({ model }) {
                 : undefined;
         })
             .filter(util_1.notEmpty)
-            .map(({ left, width, highlight, label, bookmark }, idx) => (react_1.default.createElement(react_1.default.Fragment, { key: `${left}_${width}_${idx}` },
-            react_1.default.createElement("div", { className: classes.highlight, id: "highlight", style: {
-                    left,
-                    width,
-                    background: highlight,
-                } }),
-            bookmarkLabelsVisible && width > 20 ? (react_1.default.createElement("div", { className: classes.bookmarkButton, style: { left } },
-                react_1.default.createElement(CascadingMenuButton_1.default, { menuItems: [
-                        {
-                            label: 'Open bookmark widget',
-                            onClick: () => {
-                                session.showWidget(bookmarkWidget);
+            .map(({ left, width, highlight, label, bookmark }, idx) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: classes.highlight, id: "highlight", style: {
+                        left,
+                        width,
+                        background: highlight,
+                    } }), bookmarkLabelsVisible && width > 20 ? ((0, jsx_runtime_1.jsx)("div", { className: classes.bookmarkButton, style: { left }, children: (0, jsx_runtime_1.jsx)(CascadingMenuButton_1.default, { 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_1.default.createElement(material_1.Tooltip, { title: label, arrow: true },
-                        react_1.default.createElement(Bookmark_1.default, { fontSize: "small", sx: {
-                                color: (0, colord_1.colord)(highlight).alpha() !== 0
-                                    ? (0, colord_1.colord)(highlight).alpha(0.8).toRgbString()
-                                    : (0, colord_1.colord)(highlight).alpha(0).toRgbString(),
-                            } }))))) : null)))
+                        ], children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: label, arrow: true, children: (0, jsx_runtime_1.jsx)(Bookmark_1.default, { fontSize: "small", sx: {
+                                    color: (0, colord_1.colord)(highlight).alpha() !== 0
+                                        ? (0, colord_1.colord)(highlight).alpha(0.8).toRgbString()
+                                        : (0, colord_1.colord)(highlight).alpha(0).toRgbString(),
+                                } }) }) }) })) : null] }, `${left}_${width}_${idx}`)))
         : null;
 });
 exports.default = Highlight;

package/dist/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/dist/GridBookmarkWidget/components/Highlight/OverviewHighlight.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 util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
@@ -69,14 +47,13 @@ const OverviewHighlight = (0, mobx_react_1.observer)(function OverviewHighlight(
             .filter(util_1.notEmpty)
             .map((obj, idx) => {
             const { left, width, highlight, label } = obj;
-            return (react_1.default.createElement(material_1.Tooltip, { key: `${JSON.stringify(obj)}-${idx}`, title: bookmarkLabelsVisible ? label : '', arrow: true },
-                react_1.default.createElement("div", { className: classes.highlight, style: {
+            return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: bookmarkLabelsVisible ? label : '', arrow: true, children: (0, jsx_runtime_1.jsx)("div", { className: classes.highlight, style: {
                         left,
                         width,
                         background: highlight,
                         borderLeft: `1px solid ${highlight}`,
                         borderRight: `1px solid ${highlight}`,
-                    } })));
+                    } }) }, `${JSON.stringify(obj)}-${idx}`));
         })
         : null;
 });

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

@@ -4,20 +4,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = AddHighlightModelF;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const Highlight_1 = __importDefault(require("./Highlight"));
 const OverviewHighlight_1 = __importDefault(require("./OverviewHighlight"));
 function AddHighlightModelF(pluginManager) {
     pluginManager.addToExtensionPoint('LinearGenomeView-TracksContainerComponent', (rest, { model }) => {
         return [
             ...(rest || []),
-            react_1.default.createElement(Highlight_1.default, { key: "highlight_grid_bookmark", model: model }),
+            (0, jsx_runtime_1.jsx)(Highlight_1.default, { model: model }, "highlight_grid_bookmark"),
         ];
     });
     pluginManager.addToExtensionPoint('LinearGenomeView-OverviewScalebarComponent', (rest, { model, overview }) => {
         return [
             ...(rest || []),
-            react_1.default.createElement(OverviewHighlight_1.default, { key: "overview_highlight_grid_bookmark", model: model, overview: overview }),
+            (0, jsx_runtime_1.jsx)(OverviewHighlight_1.default, { model: model, overview: overview }, "overview_highlight_grid_bookmark"),
         ];
     });
 }

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

@@ -1,31 +1,20 @@
 "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 DeleteBookmarksDialog = (0, mobx_react_1.observer)(function ({ onClose, model, }) {
     const { selectedBookmarks } = model;
     const deleteAll = selectedBookmarks.length === 0;
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: onClose, title: "Delete bookmarks" },
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(material_1.Alert, { severity: "warning" }, deleteAll ? (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("span", null, "All bookmarks will be deleted."),
-                react_1.default.createElement("br", null),
-                react_1.default.createElement("span", null, "Use the checkboxes to select individual bookmarks to delete."))) : ('Only selected bookmarks will be deleted.'))),
-        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: () => {
-                    if (deleteAll) {
-                        model.clearAllBookmarks();
-                    }
-                    model.clearSelectedBookmarks();
-                    onClose();
-                } }, "Confirm"))));
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: onClose, title: "Delete bookmarks", children: [(0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "warning", children: deleteAll ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: "All bookmarks will be deleted." }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("span", { children: "Use the checkboxes to select individual bookmarks to delete." })] })) : ('Only selected bookmarks will be deleted.') }) }), (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: () => {
+                            if (deleteAll) {
+                                model.clearAllBookmarks();
+                            }
+                            model.clearSelectedBookmarks();
+                            onClose();
+                        }, children: "Confirm" })] })] }));
 });
 exports.default = DeleteBookmarksDialog;

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