@jbrowse/app-core 3.7.0 → 4.0.1

package/dist/menus.js

@@ -1,108 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.appendMenu = appendMenu;
-exports.insertMenu = insertMenu;
-exports.appendToMenu = appendToMenu;
-exports.insertInMenu = insertInMenu;
-exports.appendToSubMenu = appendToSubMenu;
-exports.insertInSubMenu = insertInSubMenu;
-exports.processMutableMenuActions = processMutableMenuActions;
-function appendMenu({ menus, menuName, }) {
-    return menus.push({ label: menuName, menuItems: [] });
-}
-function insertMenu({ menus, menuName, position, }) {
-    menus.splice((position < 0 ? menus.length : 0) + position, 0, {
-        label: menuName,
-        menuItems: [],
-    });
-    return menus.length;
-}
-function appendToMenu({ menus, menuName, menuItem, }) {
-    const menu = menus.find(m => m.label === menuName);
-    if (!menu) {
-        menus.push({ label: menuName, menuItems: [menuItem] });
-        return 1;
-    }
-    return menu.menuItems.push(menuItem);
-}
-function insertInMenu({ menus, menuName, menuItem, position, }) {
-    const menu = menus.find(m => m.label === menuName);
-    if (!menu) {
-        menus.push({ label: menuName, menuItems: [menuItem] });
-        return 1;
-    }
-    const insertPosition = position < 0 ? menu.menuItems.length + position : position;
-    menu.menuItems.splice(insertPosition, 0, menuItem);
-    return menu.menuItems.length;
-}
-function appendToSubMenu({ menus, menuPath, menuItem, }) {
-    let topMenu = menus.find(m => m.label === menuPath[0]);
-    if (!topMenu) {
-        const idx = appendMenu({ menus, menuName: menuPath[0] });
-        topMenu = menus[idx - 1];
-    }
-    let { menuItems: subMenu } = topMenu;
-    const pathSoFar = [menuPath[0]];
-    for (const menuName of menuPath.slice(1)) {
-        pathSoFar.push(menuName);
-        let sm = subMenu.find(mi => 'label' in mi && mi.label === menuName);
-        if (!sm) {
-            const idx = subMenu.push({ label: menuName, subMenu: [] });
-            sm = subMenu[idx - 1];
-        }
-        if (!('subMenu' in sm)) {
-            throw new Error(`"${menuName}" in path "${pathSoFar}" is not a subMenu`);
-        }
-        subMenu = sm.subMenu;
-    }
-    return subMenu.push(menuItem);
-}
-function insertInSubMenu({ menus, menuPath, menuItem, position, }) {
-    let topMenu = menus.find(m => m.label === menuPath[0]);
-    if (!topMenu) {
-        const idx = appendMenu({ menus, menuName: menuPath[0] });
-        topMenu = menus[idx - 1];
-    }
-    let { menuItems: subMenu } = topMenu;
-    const pathSoFar = [menuPath[0]];
-    for (const menuName of menuPath.slice(1)) {
-        pathSoFar.push(menuName);
-        let sm = subMenu.find(mi => 'label' in mi && mi.label === menuName);
-        if (!sm) {
-            const idx = subMenu.push({ label: menuName, subMenu: [] });
-            sm = subMenu[idx - 1];
-        }
-        if (!('subMenu' in sm)) {
-            throw new Error(`"${menuName}" in path "${pathSoFar}" is not a subMenu`);
-        }
-        subMenu = sm.subMenu;
-    }
-    subMenu.splice(position, 0, menuItem);
-    return subMenu.length;
-}
-function processMutableMenuActions(ret, actions) {
-    for (const action of actions) {
-        if (action.type === 'setMenus') {
-            ret = action.newMenus;
-        }
-        else if (action.type === 'appendMenu') {
-            appendMenu({ menus: ret, ...action });
-        }
-        else if (action.type === 'insertMenu') {
-            insertMenu({ menus: ret, ...action });
-        }
-        else if (action.type === 'insertInSubMenu') {
-            insertInSubMenu({ menus: ret, ...action });
-        }
-        else if (action.type === 'appendToSubMenu') {
-            appendToSubMenu({ menus: ret, ...action });
-        }
-        else if (action.type === 'appendToMenu') {
-            appendToMenu({ menus: ret, ...action });
-        }
-        else if (action.type === 'insertInMenu') {
-            insertInMenu({ menus: ret, ...action });
-        }
-    }
-    return ret;
-}

package/dist/ui/App/App.d.ts

@@ -1,18 +0,0 @@
-import type { MenuItem as JBMenuItem } from '@jbrowse/core/ui/Menu';
-import type { SnackbarMessage } from '@jbrowse/core/ui/SnackbarModel';
-import type { SessionWithFocusedViewAndDrawerWidgets } from '@jbrowse/core/util';
-interface Menu {
-    label: string;
-    menuItems: JBMenuItem[];
-}
-interface Props {
-    HeaderButtons?: React.ReactElement;
-    session: SessionWithFocusedViewAndDrawerWidgets & {
-        menus: () => Menu[];
-        snackbarMessages: SnackbarMessage[];
-        renameCurrentSession: (arg: string) => void;
-        popSnackbarMessage: () => unknown;
-    };
-}
-declare const App: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export { App };

package/dist/ui/App/App.js

@@ -1,82 +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 });
-exports.App = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Snackbar_1 = __importDefault(require("@jbrowse/core/ui/Snackbar"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const AppFab_1 = __importDefault(require("./AppFab"));
-const AppToolbar_1 = __importDefault(require("./AppToolbar"));
-const DialogQueue_1 = __importDefault(require("./DialogQueue"));
-const ViewsContainer_1 = __importDefault(require("./ViewsContainer"));
-const DrawerWidget = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./DrawerWidget'))));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    root: {
-        display: 'grid',
-        height: '100vh',
-        width: '100%',
-        colorScheme: theme.palette.mode,
-    },
-    appContainer: {
-        gridColumn: 'main',
-        display: 'grid',
-        gridTemplateRows: '[menubar] min-content [components] auto',
-        height: '100vh',
-    },
-    appBar: {
-        flexGrow: 1,
-        gridRow: 'menubar',
-    },
-}));
-const LazyDrawerWidget = (0, mobx_react_1.observer)(function (props) {
-    const { session } = props;
-    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(DrawerWidget, { session: session }) }));
-});
-const App = (0, mobx_react_1.observer)(function (props) {
-    const { session } = props;
-    const { classes } = useStyles();
-    const { minimized, visibleWidget, drawerWidth, drawerPosition } = session;
-    const drawerVisible = visibleWidget && !minimized;
-    const d = drawerVisible ? `[drawer] ${drawerWidth}px` : undefined;
-    const grid = drawerPosition === 'right' ? ['[main] 1fr', d] : [d, '[main] 1fr'];
-    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.root, style: { gridTemplateColumns: grid.filter(f => !!f).join(' ') }, children: [drawerVisible && drawerPosition === 'left' ? ((0, jsx_runtime_1.jsx)(LazyDrawerWidget, { session: session })) : null, (0, jsx_runtime_1.jsx)(DialogQueue_1.default, { session: session }), (0, jsx_runtime_1.jsxs)("div", { className: classes.appContainer, children: [(0, jsx_runtime_1.jsx)(material_1.AppBar, { className: classes.appBar, position: "static", children: (0, jsx_runtime_1.jsx)(AppToolbar_1.default, { ...props }) }), (0, jsx_runtime_1.jsx)(ViewsContainer_1.default, { ...props })] }), (0, jsx_runtime_1.jsx)(AppFab_1.default, { session: session }), drawerVisible && drawerPosition === 'right' ? ((0, jsx_runtime_1.jsx)(LazyDrawerWidget, { session: session })) : null, (0, jsx_runtime_1.jsx)(Snackbar_1.default, { session: session })] }));
-});
-exports.App = App;

package/dist/ui/App/AppFab.d.ts

@@ -1,5 +0,0 @@
-import type { SessionWithDrawerWidgets } from '@jbrowse/core/util';
-declare const AppFab: ({ session, }: {
-    session: SessionWithDrawerWidgets;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default AppFab;

package/dist/ui/App/AppFab.js

@@ -1,32 +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 Launch_1 = __importDefault(require("@mui/icons-material/Launch"));
-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)()(theme => ({
-    left: {
-        zIndex: 10000,
-        position: 'fixed',
-        bottom: theme.spacing(2),
-        left: theme.spacing(2),
-    },
-    right: {
-        zIndex: 10000,
-        position: 'fixed',
-        bottom: theme.spacing(2),
-        right: theme.spacing(2),
-    },
-}));
-const AppFab = (0, mobx_react_1.observer)(function ({ session, }) {
-    const { minimized, activeWidgets, drawerPosition } = session;
-    const { classes } = useStyles();
-    return activeWidgets.size > 0 && minimized ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Open drawer widget", children: (0, jsx_runtime_1.jsx)(material_1.Fab, { className: drawerPosition === 'right' ? classes.right : classes.left, color: "primary", "data-testid": "drawer-maximize", onClick: () => {
-                session.showWidgetDrawer();
-            }, children: (0, jsx_runtime_1.jsx)(Launch_1.default, {}) }) })) : null;
-});
-exports.default = AppFab;

package/dist/ui/App/AppToolbar.d.ts

@@ -1,18 +0,0 @@
-import type { MenuItem as JBMenuItem } from '@jbrowse/core/ui/Menu';
-import type { SnackbarMessage } from '@jbrowse/core/ui/SnackbarModel';
-import type { SessionWithDrawerWidgets } from '@jbrowse/core/util';
-interface Menu {
-    label: string;
-    menuItems: JBMenuItem[];
-}
-type AppSession = SessionWithDrawerWidgets & {
-    menus: () => Menu[];
-    snackbarMessages: SnackbarMessage[];
-    renameCurrentSession: (arg: string) => void;
-    popSnackbarMessage: () => unknown;
-};
-declare const AppToolbar: ({ session, HeaderButtons, }: {
-    HeaderButtons?: React.ReactElement;
-    session: AppSession;
-}) => import("react/jsx-runtime").JSX.Element;
-export default AppToolbar;

package/dist/ui/App/AppToolbar.js

@@ -1,44 +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 AppLogo_1 = __importDefault(require("@jbrowse/core/ui/AppLogo"));
-const DropDownMenu_1 = __importDefault(require("@jbrowse/core/ui/DropDownMenu"));
-const EditableTypography_1 = __importDefault(require("@jbrowse/core/ui/EditableTypography"));
-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)()(theme => ({
-    grow: {
-        flexGrow: 1,
-    },
-    inputBase: {
-        color: theme.palette.primary.contrastText,
-    },
-    inputRoot: {
-        '&:hover': {
-            backgroundColor: theme.palette.primary.light,
-        },
-    },
-    inputFocused: {
-        borderColor: theme.palette.secondary.main,
-        backgroundColor: theme.palette.primary.light,
-    },
-}));
-const AppToolbar = (0, mobx_react_1.observer)(function ({ session, HeaderButtons = (0, jsx_runtime_1.jsx)("div", {}), }) {
-    const { classes } = useStyles();
-    const { name, menus } = session;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Toolbar, { children: [menus().map(menu => ((0, jsx_runtime_1.jsx)(DropDownMenu_1.default, { menuTitle: menu.label, menuItems: menu.menuItems, session: session }, menu.label))), (0, jsx_runtime_1.jsx)("div", { className: classes.grow }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Rename session", arrow: true, children: (0, jsx_runtime_1.jsx)(EditableTypography_1.default, { value: name, variant: "body1", classes: {
-                        inputBase: classes.inputBase,
-                        inputRoot: classes.inputRoot,
-                        inputFocused: classes.inputFocused,
-                    }, setValue: newName => {
-                        session.renameCurrentSession(newName);
-                    } }) }), HeaderButtons, (0, jsx_runtime_1.jsx)("div", { className: classes.grow }), (0, jsx_runtime_1.jsx)("div", { style: {
-                    width: 150,
-                    maxHeight: 48,
-                }, children: (0, jsx_runtime_1.jsx)(AppLogo_1.default, { session: session }) })] }));
-});
-exports.default = AppToolbar;

package/dist/ui/App/DialogQueue.d.ts

@@ -1,5 +0,0 @@
-import type { SessionWithDrawerWidgets } from '@jbrowse/core/util';
-declare const DialogQueue: ({ session, }: {
-    session: SessionWithDrawerWidgets;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default DialogQueue;

package/dist/ui/App/DialogQueue.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const mobx_react_1 = require("mobx-react");
-const DialogQueue = (0, mobx_react_1.observer)(function ({ session, }) {
-    const { DialogComponent, DialogProps } = session;
-    return DialogComponent ? ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(DialogComponent, { ...DialogProps }) })) : null;
-});
-exports.default = DialogQueue;

package/dist/ui/App/Drawer.js

@@ -1,51 +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 ResizeHandle_1 = __importDefault(require("@jbrowse/core/ui/ResizeHandle"));
-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)()(theme => ({
-    paper: {
-        overflowY: 'auto',
-        height: '100%',
-        position: 'relative',
-        zIndex: theme.zIndex.drawer,
-        outline: 'none',
-        background: theme.palette.background.default,
-    },
-    resizeHandle: {
-        width: 4,
-        position: 'fixed',
-        top: 0,
-        zIndex: theme.zIndex.drawer + 1,
-    },
-}));
-const Drawer = (0, mobx_react_1.observer)(function ({ children, session, }) {
-    const { drawerPosition, drawerWidth } = session;
-    const { classes } = useStyles();
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        function handleSelectView(e) {
-            var _a, _b, _c;
-            if (e.target instanceof Element && ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
-                const visibleWidgetId = (_c = (_b = session.visibleWidget) === null || _b === void 0 ? void 0 : _b.view) === null || _c === void 0 ? void 0 : _c.id;
-                if (visibleWidgetId) {
-                    session.setFocusedViewId(visibleWidgetId);
-                }
-            }
-        }
-        document.addEventListener('mousedown', handleSelectView);
-        document.addEventListener('keydown', handleSelectView);
-        return () => {
-            document.removeEventListener('mousedown', handleSelectView);
-            document.removeEventListener('keydown', handleSelectView);
-        };
-    }, [session]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { ref: ref, className: classes.paper, elevation: 16, square: true, children: [drawerPosition === 'right' ? ((0, jsx_runtime_1.jsx)(ResizeHandle_1.default, { onDrag: session.resizeDrawer, className: classes.resizeHandle, vertical: true })) : null, children, drawerPosition === 'left' ? ((0, jsx_runtime_1.jsx)(ResizeHandle_1.default, { onDrag: session.resizeDrawer, className: classes.resizeHandle, style: { left: drawerWidth }, vertical: true })) : null] }));
-});
-exports.default = Drawer;

package/dist/ui/App/DrawerControls.d.ts

@@ -1,5 +0,0 @@
-import type { SessionWithFocusedViewAndDrawerWidgets } from '@jbrowse/core/util/types';
-declare const DrawerControls: ({ session, }: {
-    session: SessionWithFocusedViewAndDrawerWidgets;
-}) => import("react/jsx-runtime").JSX.Element;
-export default DrawerControls;

package/dist/ui/App/DrawerControls.js

@@ -1,30 +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 Close_1 = __importDefault(require("@mui/icons-material/Close"));
-const Minimize_1 = __importDefault(require("@mui/icons-material/Minimize"));
-const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const DrawerControls = (0, mobx_react_1.observer)(function ({ session, }) {
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    const { drawerPosition, visibleWidget } = session;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { color: "inherit", onClick: event => {
-                    setAnchorEl(event.currentTarget);
-                }, children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Minimize drawer", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { "data-testid": "drawer-minimize", color: "inherit", onClick: () => {
-                        session.notify(`Drawer minimized, click button on ${drawerPosition} side of screen to re-open`, 'info');
-                        session.minimizeWidgetDrawer();
-                    }, children: (0, jsx_runtime_1.jsx)(Minimize_1.default, {}) }) }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Close drawer", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { color: "inherit", onClick: () => {
-                        session.hideWidget(visibleWidget);
-                    }, children: (0, jsx_runtime_1.jsx)(Close_1.default, {}) }) }), (0, jsx_runtime_1.jsx)(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: () => {
-                    setAnchorEl(null);
-                }, children: ['left', 'right'].map(option => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { selected: drawerPosition === 'option', onClick: () => {
-                        session.setDrawerPosition(option);
-                        setAnchorEl(null);
-                    }, children: option }, option))) })] }));
-});
-exports.default = DrawerControls;

package/dist/ui/App/DrawerHeader.d.ts

@@ -1,7 +0,0 @@
-import type { SessionWithFocusedViewAndDrawerWidgets } from '@jbrowse/core/util/types';
-declare const DrawerHeader: ({ session, setToolbarHeight, onPopoutDrawer, }: {
-    session: SessionWithFocusedViewAndDrawerWidgets;
-    setToolbarHeight: (arg: number) => void;
-    onPopoutDrawer: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default DrawerHeader;

package/dist/ui/App/DrawerHeader.js

@@ -1,37 +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 Launch_1 = __importDefault(require("@mui/icons-material/Launch"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const DrawerControls_1 = __importDefault(require("./DrawerControls"));
-const DrawerWidgetSelector_1 = __importDefault(require("./DrawerWidgetSelector"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    spacer: {
-        flexGrow: 1,
-    },
-    headerFocused: {
-        background: theme.palette.secondary.main,
-    },
-    headerUnfocused: {
-        background: theme.palette.secondary.dark,
-    },
-}));
-const DrawerHeader = (0, mobx_react_1.observer)(function ({ session, setToolbarHeight, onPopoutDrawer, }) {
-    var _a, _b;
-    const { classes } = useStyles();
-    const focusedViewId = session.focusedViewId;
-    const viewWidgetId = (_b = (_a = session.visibleWidget) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.id;
-    return ((0, jsx_runtime_1.jsx)(material_1.AppBar, { position: "sticky", className: focusedViewId === viewWidgetId
-            ? classes.headerFocused
-            : classes.headerUnfocused, ref: ref => {
-            setToolbarHeight((ref === null || ref === void 0 ? void 0 : ref.getBoundingClientRect().height) || 0);
-        }, children: (0, jsx_runtime_1.jsxs)(material_1.Toolbar, { disableGutters: true, children: [(0, jsx_runtime_1.jsx)(DrawerWidgetSelector_1.default, { session: session }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Open drawer in dialog", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { color: "inherit", onClick: () => {
-                            onPopoutDrawer();
-                        }, children: (0, jsx_runtime_1.jsx)(Launch_1.default, {}) }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.spacer }), (0, jsx_runtime_1.jsx)(DrawerControls_1.default, { session: session })] }) }));
-});
-exports.default = DrawerHeader;

package/dist/ui/App/DrawerWidget.d.ts

@@ -1,5 +0,0 @@
-import type { SessionWithFocusedViewAndDrawerWidgets } from '@jbrowse/core/util/types';
-declare const DrawerWidget: ({ session, }: {
-    session: SessionWithFocusedViewAndDrawerWidgets;
-}) => import("react/jsx-runtime").JSX.Element;
-export default DrawerWidget;

package/dist/ui/App/DrawerWidget.js

@@ -1,65 +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 ui_1 = require("@jbrowse/core/ui");
-const ErrorBoundary_1 = require("@jbrowse/core/ui/ErrorBoundary");
-const util_1 = require("@jbrowse/core/util");
-const mobx_react_1 = require("mobx-react");
-const Drawer_1 = __importDefault(require("./Drawer"));
-const DrawerHeader_1 = __importDefault(require("./DrawerHeader"));
-const ModalWidget = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./ModalWidget'))));
-const DrawerWidget = (0, mobx_react_1.observer)(function ({ session, }) {
-    const { visibleWidget } = session;
-    const { pluginManager } = (0, util_1.getEnv)(session);
-    const DrawerComponent = visibleWidget
-        ? pluginManager.evaluateExtensionPoint('Core-replaceWidget', pluginManager.getWidgetType(visibleWidget.type).ReactComponent, {
-            session,
-            model: visibleWidget,
-        })
-        : null;
-    const [toolbarHeight, setToolbarHeight] = (0, react_1.useState)(0);
-    const [popoutDrawer, setPopoutDrawer] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)(Drawer_1.default, { session: session, children: [(0, jsx_runtime_1.jsx)(DrawerHeader_1.default, { onPopoutDrawer: () => {
-                    setPopoutDrawer(true);
-                }, session: session, setToolbarHeight: setToolbarHeight }), (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(ui_1.LoadingEllipses, {}), children: (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { FallbackComponent: ({ error }) => (0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: error }), children: DrawerComponent ? (popoutDrawer ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { children: "Opened in dialog..." }), (0, jsx_runtime_1.jsx)(ModalWidget, { session: session, onClose: () => {
-                                    setPopoutDrawer(false);
-                                } })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(DrawerComponent, { model: visibleWidget, session: session, toolbarHeight: toolbarHeight }), (0, jsx_runtime_1.jsx)("div", { style: { height: 300 } })] }))) : null }) })] }));
-});
-exports.default = DrawerWidget;

package/dist/ui/App/DrawerWidgetSelector.d.ts

@@ -1,5 +0,0 @@
-import type { SessionWithFocusedViewAndDrawerWidgets } from '@jbrowse/core/util/types';
-declare const DrawerWidgetSelector: ({ session, }: {
-    session: SessionWithFocusedViewAndDrawerWidgets;
-}) => import("react/jsx-runtime").JSX.Element;
-export default DrawerWidgetSelector;

package/dist/ui/App/DrawerWidgetSelector.js

@@ -1,52 +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 util_1 = require("@jbrowse/core/util");
-const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-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)()(theme => ({
-    formControl: {
-        margin: 0,
-    },
-    drawerSelect: {
-        margin: 0,
-        color: theme.palette.secondary.contrastText,
-    },
-    dropDownIcon: {
-        color: theme.palette.secondary.contrastText,
-    },
-}));
-const DrawerWidgetSelector = (0, mobx_react_1.observer)(function ({ session, }) {
-    const { visibleWidget, activeWidgets } = session;
-    const { classes } = useStyles();
-    const { pluginManager } = (0, util_1.getEnv)(session);
-    return ((0, jsx_runtime_1.jsx)(material_1.FormControl, { className: classes.formControl, children: (0, jsx_runtime_1.jsx)(material_1.Select, { value: visibleWidget === null || visibleWidget === void 0 ? void 0 : visibleWidget.id, "data-testid": "widget-drawer-selects", className: classes.drawerSelect, classes: { icon: classes.dropDownIcon }, renderValue: widgetId => {
-                const widget = session.activeWidgets.get(widgetId);
-                if (!widget) {
-                    return ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", color: "inherit", children: "Unknown widget" }));
-                }
-                const widgetType = pluginManager.getWidgetType(widget.type);
-                const { HeadingComponent, heading } = widgetType;
-                return HeadingComponent ? ((0, jsx_runtime_1.jsx)(HeadingComponent, { model: widget })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", color: "inherit", children: heading }));
-            }, onChange: e => {
-                const w = session.activeWidgets.get(e.target.value);
-                if (w) {
-                    session.showWidget(w);
-                }
-                else {
-                    session.notify(`Widget not found ${e.target.value}`, 'warning');
-                }
-            }, children: [...activeWidgets.values()].map(widget => {
-                const widgetType = pluginManager.getWidgetType(widget.type);
-                const { HeadingComponent, heading } = widgetType;
-                return ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { "data-testid": `widget-drawer-selects-item-${widget.type}`, value: widget.id, children: [HeadingComponent ? ((0, jsx_runtime_1.jsx)(HeadingComponent, { model: widget })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", color: "inherit", children: heading })), (0, jsx_runtime_1.jsx)(material_1.IconButton, { "data-testid": `${widget.type}-drawer-delete`, color: "inherit", "aria-label": "Delete", onClick: () => {
-                                session.hideWidget(widget);
-                            }, children: (0, jsx_runtime_1.jsx)(Delete_1.default, {}) })] }, widget.id));
-            }) }) }));
-});
-exports.default = DrawerWidgetSelector;

package/dist/ui/App/ModalWidget.d.ts

@@ -1,6 +0,0 @@
-import type { SessionWithWidgets } from '@jbrowse/core/util';
-declare const ModalWidget: ({ session, onClose, }: {
-    session: SessionWithWidgets;
-    onClose: () => void;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default ModalWidget;