@jbrowse/core 2.4.2 → 2.6.0

package/ui/AppToolbar.js

@@ -1,56 +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 react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const mobx_react_1 = require("mobx-react");
-// ui elements
-const DropDownMenu_1 = __importDefault(require("./DropDownMenu"));
-const EditableTypography_1 = __importDefault(require("./EditableTypography"));
-const AppLogo_1 = __importDefault(require("./AppLogo"));
-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 = react_1.default.createElement("div", null), }) {
-    const { classes } = useStyles();
-    const { savedSessionNames, name, menus } = session;
-    function handleNameChange(newName) {
-        if (savedSessionNames === null || savedSessionNames === void 0 ? void 0 : savedSessionNames.includes(newName)) {
-            session.notify(`Cannot rename session to "${newName}", a saved session with that name already exists`, 'warning');
-        }
-        else {
-            session.renameCurrentSession(newName);
-        }
-    }
-    return (react_1.default.createElement(material_1.Toolbar, null,
-        menus.map(menu => (react_1.default.createElement(DropDownMenu_1.default, { key: menu.label, menuTitle: menu.label, menuItems: menu.menuItems, session: session }))),
-        react_1.default.createElement("div", { className: classes.grow }),
-        react_1.default.createElement(material_1.Tooltip, { title: "Rename Session", arrow: true },
-            react_1.default.createElement(EditableTypography_1.default, { value: name, setValue: handleNameChange, variant: "body1", classes: {
-                    inputBase: classes.inputBase,
-                    inputRoot: classes.inputRoot,
-                    inputFocused: classes.inputFocused,
-                } })),
-        HeaderButtons,
-        react_1.default.createElement("div", { className: classes.grow }),
-        react_1.default.createElement("div", { style: { width: 150, maxHeight: 48 } },
-            react_1.default.createElement(AppLogo_1.default, { session: session }))));
-});
-exports.default = AppToolbar;

package/ui/Drawer.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { SessionWithDrawerWidgets } from '../util/types';
-declare function Drawer({ children, session, }: {
-    children: React.ReactNode;
-    session: SessionWithDrawerWidgets;
-}): JSX.Element;
-declare const _default: typeof Drawer;
-export default _default;

package/ui/Drawer.js

@@ -1,34 +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 react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const mobx_react_1 = require("mobx-react");
-const ResizeHandle_1 = __importDefault(require("./ResizeHandle"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    paper: {
-        overflowY: 'auto',
-        height: '100%',
-        zIndex: theme.zIndex.drawer,
-        outline: 'none',
-        background: theme.palette.background.default,
-    },
-    resizeHandle: {
-        width: 4,
-        position: 'fixed',
-        top: 0,
-        zIndex: theme.zIndex.drawer + 1,
-    },
-}));
-function Drawer({ children, session, }) {
-    const { drawerPosition, drawerWidth } = session;
-    const { classes } = useStyles();
-    return (react_1.default.createElement(material_1.Paper, { className: classes.paper, elevation: 16, square: true },
-        drawerPosition === 'right' ? (react_1.default.createElement(ResizeHandle_1.default, { onDrag: session.resizeDrawer, className: classes.resizeHandle, vertical: true })) : null,
-        children,
-        drawerPosition === 'left' ? (react_1.default.createElement(ResizeHandle_1.default, { onDrag: session.resizeDrawer, className: classes.resizeHandle, style: { left: drawerWidth }, vertical: true })) : null));
-}
-exports.default = (0, mobx_react_1.observer)(Drawer);

package/ui/DrawerWidget.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { SessionWithDrawerWidgets } from '../util/types';
-declare const DrawerWidget: ({ session }: {
-    session: SessionWithDrawerWidgets;
-}) => JSX.Element;
-export default DrawerWidget;

package/ui/DrawerWidget.js

@@ -1,130 +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 (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 react_error_boundary_1 = require("react-error-boundary");
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const mobx_react_1 = require("mobx-react");
-const util_1 = require("../util");
-const LoadingEllipses_1 = __importDefault(require("./LoadingEllipses"));
-// icons
-const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-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"));
-// locals
-const Drawer_1 = __importDefault(require("./Drawer"));
-const ErrorMessage_1 = __importDefault(require("./ErrorMessage"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    formControl: {
-        margin: 0,
-    },
-    spacer: {
-        flexGrow: 1,
-    },
-    drawerSelect: {
-        margin: 0,
-        color: theme.palette.secondary.contrastText,
-    },
-    dropDownIcon: {
-        color: theme.palette.secondary.contrastText,
-    },
-    header: {
-        background: theme.palette.secondary.main,
-    },
-}));
-const DrawerHeader = (0, mobx_react_1.observer)(({ session, setToolbarHeight, }) => {
-    const { pluginManager } = (0, util_1.getEnv)(session);
-    const { visibleWidget, activeWidgets, drawerPosition } = session;
-    const { classes } = useStyles();
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    return (react_1.default.createElement(material_1.AppBar, { position: "sticky", className: classes.header, ref: ref => setToolbarHeight((ref === null || ref === void 0 ? void 0 : ref.getBoundingClientRect().height) || 0) },
-        react_1.default.createElement(material_1.Toolbar, { disableGutters: true },
-            react_1.default.createElement(material_1.FormControl, { className: classes.formControl },
-                react_1.default.createElement(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 (react_1.default.createElement(material_1.Typography, { variant: "h6", color: "inherit" }, "Unknown widget"));
-                        }
-                        const widgetType = pluginManager.getWidgetType(widget.type);
-                        const { HeadingComponent, heading } = widgetType;
-                        return HeadingComponent ? (react_1.default.createElement(HeadingComponent, { model: widget })) : (react_1.default.createElement(material_1.Typography, { variant: "h6", color: "inherit" }, 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');
-                        }
-                    } }, [...activeWidgets.values()].map(widget => {
-                    const widgetType = pluginManager.getWidgetType(widget.type);
-                    const { HeadingComponent, heading } = widgetType;
-                    return (react_1.default.createElement(material_1.MenuItem, { "data-testid": `widget-drawer-selects-item-${widget.type}`, key: widget.id, value: widget.id },
-                        HeadingComponent ? (react_1.default.createElement(HeadingComponent, { model: widget })) : (react_1.default.createElement(material_1.Typography, { variant: "h6", color: "inherit" }, heading)),
-                        react_1.default.createElement(material_1.IconButton, { "data-testid": `${widget.type}-drawer-delete`, color: "inherit", "aria-label": "Delete", onClick: () => session.hideWidget(widget) },
-                            react_1.default.createElement(Delete_1.default, null))));
-                }))),
-            react_1.default.createElement("div", { className: classes.spacer }),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement(material_1.IconButton, { "data-testid": "drawer-close", color: "inherit", onClick: event => setAnchorEl(event.currentTarget) },
-                    react_1.default.createElement(MoreVert_1.default, null)),
-                react_1.default.createElement(material_1.Tooltip, { title: "Minimize drawer" },
-                    react_1.default.createElement(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();
-                        } },
-                        react_1.default.createElement(Minimize_1.default, null))),
-                react_1.default.createElement(material_1.Tooltip, { title: "Close drawer" },
-                    react_1.default.createElement(material_1.IconButton, { "data-testid": "drawer-close", color: "inherit", onClick: () => session.hideWidget(visibleWidget) },
-                        react_1.default.createElement(Close_1.default, null))))),
-        react_1.default.createElement(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: () => setAnchorEl(null) }, ['left', 'right'].map(option => (react_1.default.createElement(material_1.MenuItem, { key: option, selected: drawerPosition === 'option', onClick: () => {
-                session.setDrawerPosition(option);
-                setAnchorEl(null);
-            } }, option))))));
-});
-const DrawerWidget = (0, mobx_react_1.observer)(({ 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;
-    // we track the toolbar height because components that use virtualized
-    // height want to be able to fill the contained, minus the toolbar height
-    // (the position static/sticky is included in AutoSizer estimates)
-    const [toolbarHeight, setToolbarHeight] = (0, react_1.useState)(0);
-    return (react_1.default.createElement(Drawer_1.default, { session: session },
-        react_1.default.createElement(DrawerHeader, { session: session, setToolbarHeight: setToolbarHeight }),
-        react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(LoadingEllipses_1.default, null) },
-            react_1.default.createElement(react_error_boundary_1.ErrorBoundary, { FallbackComponent: ({ error }) => react_1.default.createElement(ErrorMessage_1.default, { error: error }) }, DrawerComponent ? (react_1.default.createElement(DrawerComponent, { model: visibleWidget, session: session, toolbarHeight: toolbarHeight })) : null))));
-});
-exports.default = DrawerWidget;

package/ui/ViewContainer.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { IBaseViewModel } from '../pluggableElementTypes/models';
-declare const _default: ({ view, onClose, onMinimize, children, }: {
-    view: IBaseViewModel;
-    onClose: () => void;
-    onMinimize: () => void;
-    children: React.ReactNode;
-}) => JSX.Element;
-export default _default;

package/ui/ViewContainer.js

@@ -1,76 +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 (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 material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const mobx_react_1 = require("mobx-react");
-// icons
-const Close_1 = __importDefault(require("@mui/icons-material/Close"));
-const Minimize_1 = __importDefault(require("@mui/icons-material/Minimize"));
-const Add_1 = __importDefault(require("@mui/icons-material/Add"));
-const ViewMenu_1 = __importDefault(require("./ViewMenu"));
-const util_1 = require("../util");
-const ViewContainerTitle_1 = __importDefault(require("./ViewContainerTitle"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    viewContainer: {
-        overflow: 'hidden',
-        background: theme.palette.secondary.main,
-        margin: theme.spacing(0.5),
-        padding: `0 ${theme.spacing(1)} ${theme.spacing(1)}`,
-    },
-    icon: {
-        color: theme.palette.secondary.contrastText,
-    },
-    grow: {
-        flexGrow: 1,
-    },
-}));
-exports.default = (0, mobx_react_1.observer)(function ({ view, onClose, onMinimize, children, }) {
-    const { classes } = useStyles();
-    const theme = (0, material_1.useTheme)();
-    const ref = (0, util_1.useWidthSetter)(view, theme.spacing(1));
-    const scrollRef = (0, react_1.useRef)(null);
-    // scroll the view into view when first mounted
-    // note that this effect will run only once, because of
-    // the empty array second param
-    (0, react_1.useEffect)(() => {
-        var _a, _b;
-        (_b = (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView) === null || _b === void 0 ? void 0 : _b.call(_a, { block: 'center' });
-    }, []);
-    return (react_1.default.createElement(material_1.Paper, { ref: ref, elevation: 12, className: classes.viewContainer },
-        react_1.default.createElement("div", { ref: scrollRef, style: { display: 'flex' } },
-            react_1.default.createElement(ViewMenu_1.default, { model: view, IconProps: { className: classes.icon } }),
-            react_1.default.createElement("div", { className: classes.grow }),
-            react_1.default.createElement(ViewContainerTitle_1.default, { view: view }),
-            react_1.default.createElement("div", { className: classes.grow }),
-            react_1.default.createElement(material_1.IconButton, { "data-testid": "minimize_view", onClick: onMinimize }, view.minimized ? (react_1.default.createElement(Add_1.default, { className: classes.icon, fontSize: "small" })) : (react_1.default.createElement(Minimize_1.default, { className: classes.icon, fontSize: "small" }))),
-            react_1.default.createElement(material_1.IconButton, { "data-testid": "close_view", onClick: onClose },
-                react_1.default.createElement(Close_1.default, { className: classes.icon, fontSize: "small" }))),
-        react_1.default.createElement(material_1.Paper, null, children)));
-});

package/ui/ViewContainerTitle.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { IBaseViewModel } from '../pluggableElementTypes';
-declare const _default: ({ view, }: {
-    view: IBaseViewModel;
-}) => JSX.Element;
-export default _default;

package/ui/ViewContainerTitle.js

@@ -1,42 +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 react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const mobx_react_1 = require("mobx-react");
-// locals
-const EditableTypography_1 = __importDefault(require("./EditableTypography"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    input: {
-        paddingBottom: 0,
-        paddingTop: 2,
-    },
-    inputBase: {
-        color: theme.palette.secondary.contrastText,
-    },
-    inputRoot: {
-        '&:hover': {
-            backgroundColor: theme.palette.secondary.light,
-        },
-    },
-    inputFocused: {
-        borderColor: theme.palette.primary.main,
-        backgroundColor: theme.palette.secondary.light,
-    },
-}));
-exports.default = (0, mobx_react_1.observer)(function ViewContainerTitle({ view, }) {
-    var _a;
-    const { classes } = useStyles();
-    return (react_1.default.createElement(material_1.Tooltip, { title: "Rename view", arrow: true },
-        react_1.default.createElement(EditableTypography_1.default, { value: view.displayName ||
-                // @ts-expect-error
-                `${((_a = view.assemblyNames) === null || _a === void 0 ? void 0 : _a.join(',')) || 'Untitled view'}${view.minimized ? ' (minimized)' : ''}`, setValue: val => view.setDisplayName(val), variant: "body2", classes: {
-                input: classes.input,
-                inputBase: classes.inputBase,
-                inputRoot: classes.inputRoot,
-                inputFocused: classes.inputFocused,
-            } })));
-});

package/ui/ViewLauncher.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { NotificationLevel, SnackAction, SessionWithDrawerWidgets } from '../util';
-import { MenuItem as JBMenuItem } from './Menu';
-type SnackbarMessage = [string, NotificationLevel, SnackAction];
-type AppSession = SessionWithDrawerWidgets & {
-    savedSessionNames: string[];
-    menus: {
-        label: string;
-        menuItems: JBMenuItem[];
-    }[];
-    renameCurrentSession: (arg: string) => void;
-    snackbarMessages: SnackbarMessage[];
-    popSnackbarMessage: () => unknown;
-};
-declare const ViewLauncher: ({ session }: {
-    session: AppSession;
-}) => JSX.Element;
-export default ViewLauncher;

package/ui/ViewLauncher.js

@@ -1,50 +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 (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 material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-// locals
-const util_1 = require("../util");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    selectPaper: {
-        padding: theme.spacing(4),
-    },
-}));
-const ViewLauncher = (0, mobx_react_1.observer)(({ session }) => {
-    var _a;
-    const { classes } = useStyles();
-    const { pluginManager } = (0, util_1.getEnv)(session);
-    const viewTypes = pluginManager.getElementTypeRecord('view').all();
-    const [value, setValue] = (0, react_1.useState)((_a = viewTypes[0]) === null || _a === void 0 ? void 0 : _a.name);
-    return (react_1.default.createElement(material_1.Paper, { className: classes.selectPaper },
-        react_1.default.createElement(material_1.Typography, null, "Select a view to launch"),
-        react_1.default.createElement(material_1.FormControl, { style: { margin: 2 } },
-            react_1.default.createElement(material_1.Select, { value: value, onChange: event => setValue(event.target.value) }, viewTypes.map(({ displayName, name }) => (react_1.default.createElement(material_1.MenuItem, { key: name, value: name }, displayName))))),
-        react_1.default.createElement(material_1.FormControl, { style: { margin: 2 } },
-            react_1.default.createElement(material_1.Button, { onClick: () => session.addView(value, {}), variant: "contained", color: "primary" }, "Launch view"))));
-});
-exports.default = ViewLauncher;

package/ui/ViewMenu.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { SvgIconProps, IconButtonProps as IconButtonPropsType } from '@mui/material';
-import { IBaseViewModel } from '../pluggableElementTypes/models';
-declare const ViewMenu: ({ model, IconButtonProps, IconProps, }: {
-    model: IBaseViewModel;
-    IconButtonProps?: IconButtonPropsType<"button", {}> | undefined;
-    IconProps: SvgIconProps;
-}) => JSX.Element;
-export default ViewMenu;

package/ui/ViewMenu.js

@@ -1,69 +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 (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 material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-// icons
-const Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
-const ArrowDownward_1 = __importDefault(require("@mui/icons-material/ArrowDownward"));
-const ArrowUpward_1 = __importDefault(require("@mui/icons-material/ArrowUpward"));
-// locals
-const util_1 = require("../util");
-const Menu_2 = __importDefault(require("./Menu"));
-const ViewMenu = (0, mobx_react_1.observer)(function ({ model, IconButtonProps, IconProps, }) {
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)();
-    const { menuItems } = model;
-    const session = (0, util_1.getSession)(model);
-    const items = [
-        ...(session.views.length > 1
-            ? [
-                {
-                    label: 'Move view up',
-                    icon: ArrowUpward_1.default,
-                    onClick: () => session.moveViewUp(model.id),
-                },
-                {
-                    label: 'Move view down',
-                    icon: ArrowDownward_1.default,
-                    onClick: () => session.moveViewDown(model.id),
-                },
-            ]
-            : []),
-        // <=1.3.3 didn't use a function, so check as value also
-        ...((typeof menuItems === 'function' ? menuItems() : menuItems) || []),
-    ];
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.IconButton, { ...IconButtonProps, onClick: event => setAnchorEl(event.currentTarget), "data-testid": "view_menu_icon" },
-            react_1.default.createElement(Menu_1.default, { ...IconProps, fontSize: "small" })),
-        react_1.default.createElement(Menu_2.default, { anchorEl: anchorEl, open: Boolean(anchorEl), onMenuItemClick: (_event, callback) => {
-                callback();
-                setAnchorEl(undefined);
-            }, onClose: () => setAnchorEl(undefined), menuItems: items })));
-});
-exports.default = ViewMenu;

package/ui/ViewPanel.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { AbstractViewModel, NotificationLevel, SessionWithDrawerWidgets, SnackAction } from '../util';
-import { MenuItem as JBMenuItem } from './Menu';
-type SnackbarMessage = [string, NotificationLevel, SnackAction];
-type AppSession = SessionWithDrawerWidgets & {
-    savedSessionNames: string[];
-    menus: {
-        label: string;
-        menuItems: JBMenuItem[];
-    }[];
-    renameCurrentSession: (arg: string) => void;
-    snackbarMessages: SnackbarMessage[];
-    popSnackbarMessage: () => unknown;
-};
-declare const ViewPanel: ({ view, session, }: {
-    view: AbstractViewModel;
-    session: AppSession;
-}) => JSX.Element;
-export default ViewPanel;

package/ui/ViewPanel.js

@@ -1,49 +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 (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 react_error_boundary_1 = require("react-error-boundary");
-const mobx_react_1 = require("mobx-react");
-// locals
-const util_1 = require("../util");
-// ui elements
-const ErrorMessage_1 = __importDefault(require("./ErrorMessage"));
-const LoadingEllipses_1 = __importDefault(require("./LoadingEllipses"));
-const ViewContainer_1 = __importDefault(require("./ViewContainer"));
-const ViewPanel = (0, mobx_react_1.observer)(function ({ view, session, }) {
-    const { pluginManager } = (0, util_1.getEnv)(session);
-    const viewType = pluginManager.getViewType(view.type);
-    if (!viewType) {
-        throw new Error(`unknown view type ${view.type}`);
-    }
-    const { ReactComponent } = viewType;
-    return (react_1.default.createElement(ViewContainer_1.default, { view: view, onClose: () => session.removeView(view), onMinimize: () => view.setMinimized(!view.minimized) }, !view.minimized ? (react_1.default.createElement(react_error_boundary_1.ErrorBoundary, { FallbackComponent: ({ error }) => react_1.default.createElement(ErrorMessage_1.default, { error: error }) },
-        react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(LoadingEllipses_1.default, { variant: "h6" }) },
-            react_1.default.createElement(ReactComponent, { model: view, session: session })))) : (false)));
-});
-exports.default = ViewPanel;