@jbrowse/plugin-grid-bookmark 3.7.0 → 4.0.1

package/dist/GridBookmarkWidget/components/BookmarkGrid.js

@@ -1,97 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ColorPicker_1 = __importDefault(require("@jbrowse/core/ui/ColorPicker"));
-const DataGridFlexContainer_1 = __importDefault(require("@jbrowse/core/ui/DataGridFlexContainer"));
-const util_1 = require("@jbrowse/core/util");
-const material_1 = require("@mui/material");
-const x_data_grid_1 = require("@mui/x-data-grid");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const utils_1 = require("../utils");
-const useStyles = (0, mui_1.makeStyles)()(() => ({
-    cell: {
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-    },
-}));
-const BookmarkGrid = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { classes } = useStyles();
-    const { bookmarks, bookmarksWithValidAssemblies, selectedAssemblies, selectedBookmarks, } = model;
-    const session = (0, util_1.getSession)(model);
-    const selectedSet = new Set(selectedAssemblies);
-    const rows = bookmarks
-        .filter(r => selectedSet.has(r.assemblyName))
-        .map((region, index) => {
-        const { assemblyName, ...rest } = region;
-        return {
-            ...region,
-            id: index,
-            assemblyName,
-            locString: (0, util_1.assembleLocString)(rest),
-            correspondingObj: region,
-        };
-    });
-    const widths = [
-        50,
-        Math.max((0, util_1.measureText)('Bookmark link', 12) + 30, (0, util_1.measureGridWidth)(rows.map(row => row.locString))),
-        Math.max((0, util_1.measureText)('Label', 12) + 30, (0, util_1.measureGridWidth)(rows.map(row => row.label))),
-        Math.max((0, util_1.measureText)('Assembly', 12) + 30, (0, util_1.measureGridWidth)(rows.map(row => row.assemblyName))),
-        100,
-    ];
-    return ((0, jsx_runtime_1.jsx)(DataGridFlexContainer_1.default, { children: (0, jsx_runtime_1.jsx)(x_data_grid_1.DataGrid, { density: "compact", disableRowSelectionOnClick: true, rows: rows, columns: [
-                {
-                    ...x_data_grid_1.GRID_CHECKBOX_SELECTION_COL_DEF,
-                    width: widths[0],
-                },
-                {
-                    field: 'locString',
-                    headerName: 'Bookmark link',
-                    width: widths[1],
-                    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);
-                        }, children: value })),
-                },
-                {
-                    field: 'label',
-                    headerName: 'Label',
-                    width: widths[2],
-                    editable: true,
-                },
-                {
-                    field: 'assemblyName',
-                    headerName: 'Assembly',
-                    width: widths[3],
-                },
-                {
-                    field: 'highlight',
-                    headerName: 'Highlight',
-                    width: widths[4],
-                    renderCell: ({ value, row }) => ((0, jsx_runtime_1.jsx)(ColorPicker_1.default, { color: value || 'black', onChange: event => {
-                            model.updateBookmarkHighlight(row, event);
-                        } })),
-                },
-            ], processRowUpdate: row => {
-                const target = rows[row.id];
-                model.updateBookmarkLabel(target, row.label);
-                return row;
-            }, onProcessRowUpdateError: e => {
-                session.notifyError(`${e}`, e);
-            }, checkboxSelection: true, onRowSelectionModelChange: newRowSelectionModel => {
-                if (bookmarksWithValidAssemblies.length > 0) {
-                    model.setSelectedBookmarks([...newRowSelectionModel.ids].map(value => ({
-                        ...rows[value],
-                    })));
-                }
-            }, rowSelectionModel: {
-                type: 'include',
-                ids: new Set(selectedBookmarks.map(r => r.id)),
-            } }) }));
-});
-exports.default = BookmarkGrid;

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

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

package/dist/GridBookmarkWidget/components/GridBookmarkWidget.js

@@ -1,131 +0,0 @@
-"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 () {
-    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 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"));
-const GetApp_1 = __importDefault(require("@mui/icons-material/GetApp"));
-const Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
-const Palette_1 = __importDefault(require("@mui/icons-material/Palette"));
-const Publish_1 = __importDefault(require("@mui/icons-material/Publish"));
-const Settings_1 = __importDefault(require("@mui/icons-material/Settings"));
-const Share_1 = __importDefault(require("@mui/icons-material/Share"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const AssemblySelector_1 = __importDefault(require("./AssemblySelector"));
-const BookmarkGrid_1 = __importDefault(require("./BookmarkGrid"));
-const ExportBookmarksDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./dialogs/ExportBookmarksDialog'))));
-const ImportBookmarksDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./dialogs/ImportBookmarksDialog'))));
-const ShareBookmarksDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./dialogs/ShareBookmarksDialog'))));
-const HighlightSettingsDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./dialogs/HighlightSettingsDialog'))));
-const EditHighlightColorDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./dialogs/EditHighlightColorDialog'))));
-const DeleteBookmarksDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./dialogs/DeleteBookmarksDialog'))));
-const useStyles = (0, mui_1.makeStyles)()({
-    flex: {
-        display: 'flex',
-    },
-});
-const GridBookmarkWidget = (0, mobx_react_1.observer)(function GridBookmarkWidget({ model, }) {
-    const { classes } = useStyles();
-    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"] }), (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,6 +0,0 @@
-import type { IExtendedLGV } from '../../model';
-type LGV = IExtendedLGV;
-declare const Highlight: ({ model }: {
-    model: LGV;
-}) => import("react/jsx-runtime").JSX.Element[] | null;
-export default Highlight;

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

@@ -1,89 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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");
-const Bookmark_1 = __importDefault(require("@mui/icons-material/Bookmark"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()({
-    bookmarkButton: {
-        overflow: 'hidden',
-        position: 'absolute',
-        zIndex: 800,
-    },
-    highlight: {
-        overflow: 'hidden',
-        height: '100%',
-        position: 'absolute',
-    },
-});
-const Highlight = (0, mobx_react_1.observer)(function Highlight({ model }) {
-    const { classes } = useStyles();
-    const session = (0, util_1.getSession)(model);
-    const { assemblyManager } = session;
-    const { bookmarkHighlightsVisible, bookmarkLabelsVisible } = model;
-    const bookmarkWidget = session.widgets.get('GridBookmark');
-    (0, react_1.useEffect)(() => {
-        if (!bookmarkWidget) {
-            session.addWidget('GridBookmarkWidget', 'GridBookmark');
-        }
-    }, [session, bookmarkWidget]);
-    const set = new Set(model.assemblyNames);
-    return bookmarkHighlightsVisible && (bookmarkWidget === null || bookmarkWidget === void 0 ? void 0 : bookmarkWidget.bookmarks)
-        ? bookmarkWidget.bookmarks
-            .filter(value => set.has(value.assemblyName))
-            .map(r => {
-            var _a;
-            const asm = assemblyManager.get(r.assemblyName);
-            const refName = (_a = asm === null || asm === void 0 ? void 0 : asm.getCanonicalRefName(r.refName)) !== null && _a !== void 0 ? _a : r.refName;
-            const s = model.bpToPx({ refName, coord: r.start });
-            const e = model.bpToPx({ refName, coord: r.end });
-            return s && e
-                ? {
-                    width: Math.max(Math.abs(e.offsetPx - s.offsetPx), 3),
-                    left: Math.min(s.offsetPx, e.offsetPx) - model.offsetPx,
-                    highlight: r.highlight,
-                    label: r.label,
-                    bookmark: r,
-                }
-                : undefined;
-        })
-            .filter(util_1.notEmpty)
-            .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: 'Remove bookmark',
-                                onClick: () => {
-                                    bookmarkWidget.removeBookmarkObject(bookmark);
-                                },
-                            },
-                        ], 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,8 +0,0 @@
-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;
-}) => import("react/jsx-runtime").JSX.Element[] | null;
-export default OverviewHighlight;

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

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()({
-    highlight: {
-        height: '100%',
-        position: 'absolute',
-    },
-});
-const OverviewHighlight = (0, mobx_react_1.observer)(function OverviewHighlight({ model, overview, }) {
-    const { cytobandOffset } = model;
-    const session = (0, util_1.getSession)(model);
-    const { classes } = useStyles();
-    const { assemblyManager } = session;
-    const { bookmarkHighlightsVisible, bookmarkLabelsVisible } = model;
-    const bookmarkWidget = session.widgets.get('GridBookmark');
-    (0, react_1.useEffect)(() => {
-        if (!bookmarkWidget) {
-            session.addWidget('GridBookmarkWidget', 'GridBookmark');
-        }
-    }, [session, bookmarkWidget]);
-    const assemblyNames = new Set(model.assemblyNames);
-    return bookmarkHighlightsVisible && (bookmarkWidget === null || bookmarkWidget === void 0 ? void 0 : bookmarkWidget.bookmarks)
-        ? bookmarkWidget.bookmarks
-            .filter(r => assemblyNames.has(r.assemblyName))
-            .map(r => {
-            var _a;
-            const asm = assemblyManager.get(r.assemblyName);
-            const refName = (_a = asm === null || asm === void 0 ? void 0 : asm.getCanonicalRefName(r.refName)) !== null && _a !== void 0 ? _a : r.refName;
-            const rev = r.reversed;
-            const s = overview.bpToPx({ refName, coord: rev ? r.end : r.start });
-            const e = overview.bpToPx({ refName, coord: rev ? r.start : r.end });
-            return s !== undefined && e !== undefined
-                ? {
-                    width: Math.abs(e - s),
-                    left: s + cytobandOffset,
-                    highlight: r.highlight,
-                    label: r.label,
-                }
-                : undefined;
-        })
-            .filter(util_1.notEmpty)
-            .map((obj, idx) => {
-            const { left, width, highlight, label } = obj;
-            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;
-});
-exports.default = OverviewHighlight;

package/dist/GridBookmarkWidget/components/Highlight/index.d.ts

@@ -1,2 +0,0 @@
-import type PluginManager from '@jbrowse/core/PluginManager';
-export default function AddHighlightModelF(pluginManager: PluginManager): void;

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

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = AddHighlightModelF;
-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 || []),
-            (0, jsx_runtime_1.jsx)(Highlight_1.default, { model: model }, "highlight_grid_bookmark"),
-        ];
-    });
-    pluginManager.addToExtensionPoint('LinearGenomeView-OverviewScalebarComponent', (rest, { model, overview }) => {
-        return [
-            ...(rest || []),
-            (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,6 +0,0 @@
-import type { GridBookmarkModel } from '../../model';
-declare const DeleteBookmarksDialog: ({ onClose, model, }: {
-    onClose: () => void;
-    model: GridBookmarkModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default DeleteBookmarksDialog;

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

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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 ((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,6 +0,0 @@
-import type { GridBookmarkModel } from '../../model';
-declare const EditHighlightColorDialog: ({ onClose, model, }: {
-    onClose: () => void;
-    model: GridBookmarkModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default EditHighlightColorDialog;

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

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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");
-const mobx_react_1 = require("mobx-react");
-const EditHighlightColorDialog = (0, mobx_react_1.observer)(function ({ onClose, model, }) {
-    var _a, _b;
-    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 ((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,6 +0,0 @@
-import type { GridBookmarkModel } from '../../model';
-declare const ExportBookmarksDialog: ({ model, onClose, }: {
-    model: GridBookmarkModel;
-    onClose: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ExportBookmarksDialog;

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

@@ -1,40 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const utils_1 = require("../../utils");
-const useStyles = (0, mui_1.makeStyles)()({
-    flexItem: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: '5px',
-    },
-    container: {
-        display: 'flex',
-        flexFlow: 'column',
-        gap: '5px',
-    },
-});
-const ExportBookmarksDialog = (0, mobx_react_1.observer)(function ({ model, onClose, }) {
-    const { classes } = useStyles();
-    const [fileType, setFileType] = (0, react_1.useState)('BED');
-    const { selectedBookmarks } = model;
-    const exportAll = selectedBookmarks.length === 0;
-    return ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: () => {
-            onClose();
-        }, 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,6 +0,0 @@
-import type { GridBookmarkModel } from '../../model';
-declare const HighlightSettingsDialog: ({ onClose, model, }: {
-    onClose: () => void;
-    model: GridBookmarkModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default HighlightSettingsDialog;

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

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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 ((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,6 +0,0 @@
-import type { GridBookmarkModel } from '../../model';
-declare const ImportBookmarksDialog: ({ onClose, model, }: {
-    onClose: () => void;
-    model: GridBookmarkModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ImportBookmarksDialog;