@jbrowse/app-core 3.6.5 → 4.0.0

package/dist/ui/App/ModalWidget.js

@@ -1,53 +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 Close_1 = __importDefault(require("@mui/icons-material/Close"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    paper: {
-        overflow: 'auto',
-        minWidth: 800,
-    },
-    closeButton: {
-        position: 'absolute',
-        right: theme.spacing(1),
-        top: theme.spacing(1),
-        color: theme.palette.grey[500],
-    },
-}));
-const DrawerAppBar = (0, mobx_react_1.observer)(function DrawerAppBar({ session, onClose, }) {
-    const { classes } = useStyles();
-    const { visibleWidget } = session;
-    const { pluginManager } = (0, mobx_state_tree_1.getEnv)(session);
-    if (!visibleWidget) {
-        return null;
-    }
-    const { HeadingComponent, heading } = pluginManager.getWidgetType(visibleWidget.type);
-    return ((0, jsx_runtime_1.jsxs)(material_1.AppBar, { position: "static", children: [(0, jsx_runtime_1.jsx)(material_1.Toolbar, { children: HeadingComponent ? ((0, jsx_runtime_1.jsx)(HeadingComponent, { model: visibleWidget })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", children: heading })) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { className: classes.closeButton, onClick: onClose, children: (0, jsx_runtime_1.jsx)(Close_1.default, {}) })] }));
-});
-const ModalWidget = (0, mobx_react_1.observer)(function ({ session, onClose, }) {
-    const { classes } = useStyles();
-    const { visibleWidget } = session;
-    const { pluginManager } = (0, mobx_state_tree_1.getEnv)(session);
-    if (!visibleWidget) {
-        return null;
-    }
-    const { ReactComponent } = pluginManager.getWidgetType(visibleWidget.type);
-    const Component = pluginManager.evaluateExtensionPoint('Core-replaceWidget', ReactComponent, {
-        session,
-        model: visibleWidget,
-    });
-    return ((0, jsx_runtime_1.jsx)(ui_1.Dialog, { open: true, onClose: onClose, maxWidth: "xl", header: (0, jsx_runtime_1.jsx)(DrawerAppBar, { onClose: onClose, session: session }), children: Component ? ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)("div", { children: "Loading..." }), children: (0, jsx_runtime_1.jsx)(material_1.Paper, { className: classes.paper, children: (0, jsx_runtime_1.jsx)(Component, { model: visibleWidget, session: session, modal: true, overrideDimensions: {
-                        height: (window.innerHeight * 5) / 8,
-                        width: 800,
-                    } }) }) })) : null }));
-});
-exports.default = ModalWidget;

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

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

package/dist/ui/App/ViewContainer.js

@@ -1,55 +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 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 ViewHeader_1 = __importDefault(require("./ViewHeader"));
-const ViewWrapper_1 = __importDefault(require("./ViewWrapper"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    viewContainer: {
-        margin: theme.spacing(0.5),
-        padding: `0 ${theme.spacing(1)} ${theme.spacing(1)}`,
-        overflow: 'clip',
-    },
-    focusedView: {
-        background: theme.palette.secondary.main,
-    },
-    unfocusedView: {
-        background: theme.palette.secondary.dark,
-    },
-}));
-const ViewContainer = (0, mobx_react_1.observer)(function ({ view, session, }) {
-    const theme = (0, material_1.useTheme)();
-    const ref = (0, util_1.useWidthSetter)(view, theme.spacing(1));
-    const { classes, cx } = useStyles();
-    (0, react_1.useEffect)(() => {
-        function handleSelectView(e) {
-            var _a;
-            if (e.target instanceof Element && ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
-                session.setFocusedViewId(view.id);
-            }
-        }
-        document.addEventListener('mousedown', handleSelectView);
-        document.addEventListener('keydown', handleSelectView);
-        return () => {
-            document.removeEventListener('mousedown', handleSelectView);
-            document.removeEventListener('keydown', handleSelectView);
-        };
-    }, [ref, session, view]);
-    const backgroundColorClassName = session.focusedViewId === view.id
-        ? classes.focusedView
-        : classes.unfocusedView;
-    const viewContainerClassName = cx(classes.viewContainer, backgroundColorClassName);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { ref: ref, elevation: 12, className: viewContainerClassName, children: [(0, jsx_runtime_1.jsx)(ViewHeader_1.default, { view: view, onClose: () => {
-                    session.removeView(view);
-                }, onMinimize: () => {
-                    view.setMinimized(!view.minimized);
-                }, className: backgroundColorClassName }), (0, jsx_runtime_1.jsx)(material_1.Paper, { elevation: 0, children: (0, jsx_runtime_1.jsx)(ViewWrapper_1.default, { view: view, session: session }) })] }));
-});
-exports.default = ViewContainer;

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

@@ -1,5 +0,0 @@
-import type { IBaseViewModel } from '@jbrowse/core/pluggableElementTypes';
-declare const ViewContainerTitle: ({ view, }: {
-    view: IBaseViewModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ViewContainerTitle;

package/dist/ui/App/ViewContainerTitle.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 EditableTypography_1 = __importDefault(require("@jbrowse/core/ui/EditableTypography"));
-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)()(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,
-    },
-}));
-const ViewContainerTitle = (0, mobx_react_1.observer)(function ({ view, }) {
-    var _a;
-    const { classes } = useStyles();
-    const { assemblyManager } = (0, util_1.getSession)(view);
-    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Rename view", arrow: true, children: (0, jsx_runtime_1.jsx)(EditableTypography_1.default, { value: view.displayName ||
-                `${((_a = view.assemblyNames) === null || _a === void 0 ? void 0 : _a.map(r => { var _a; return (_a = assemblyManager.get(r)) === null || _a === void 0 ? void 0 : _a.displayName; }).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,
-            } }) }));
-});
-exports.default = ViewContainerTitle;

package/dist/ui/App/ViewHeader.js

@@ -1,60 +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 util_1 = require("@jbrowse/core/util");
-const product_core_1 = require("@jbrowse/product-core");
-const Add_1 = __importDefault(require("@mui/icons-material/Add"));
-const Close_1 = __importDefault(require("@mui/icons-material/Close"));
-const KeyboardArrowRight_1 = __importDefault(require("@mui/icons-material/KeyboardArrowRight"));
-const Minimize_1 = __importDefault(require("@mui/icons-material/Minimize"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const ViewContainerTitle_1 = __importDefault(require("./ViewContainerTitle"));
-const ViewMenu_1 = __importDefault(require("./ViewMenu"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    icon: {
-        color: theme.palette.secondary.contrastText,
-    },
-    grow: {
-        flexGrow: 1,
-    },
-    viewHeader: {
-        display: 'flex',
-        height: ui_1.VIEW_HEADER_HEIGHT,
-        top: 0,
-        zIndex: 900,
-        background: theme.palette.secondary.main,
-    },
-    viewTitle: {
-        display: 'flex',
-        alignItems: 'center',
-    },
-}));
-const ViewButtons = (0, mobx_react_1.observer)(function ({ view, onClose, onMinimize, }) {
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { "data-testid": "minimize_view", onClick: onMinimize, children: view.minimized ? ((0, jsx_runtime_1.jsx)(Add_1.default, { className: classes.icon, fontSize: "small" })) : ((0, jsx_runtime_1.jsx)(Minimize_1.default, { className: classes.icon, fontSize: "small" })) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { "data-testid": "close_view", onClick: onClose, children: (0, jsx_runtime_1.jsx)(Close_1.default, { className: classes.icon, fontSize: "small" }) })] }));
-});
-const ViewHeader = (0, mobx_react_1.observer)(function ({ view, onClose, onMinimize, className, }) {
-    const { classes, cx } = useStyles();
-    const scrollRef = (0, react_1.useRef)(null);
-    const session = (0, util_1.getSession)(view);
-    let stickyViewHeaders = false;
-    if ((0, product_core_1.isSessionWithMultipleViews)(session)) {
-        ;
-        ({ stickyViewHeaders } = session);
-    }
-    (0, react_1.useEffect)(() => {
-        var _a;
-        if (typeof jest === 'undefined') {
-            (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'center' });
-        }
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: scrollRef, className: cx(classes.viewHeader, className), style: { position: stickyViewHeaders ? 'sticky' : undefined }, children: [(0, jsx_runtime_1.jsx)(ViewMenu_1.default, { model: view, IconProps: { className: classes.icon } }), (0, jsx_runtime_1.jsx)("div", { className: classes.grow }), (0, jsx_runtime_1.jsxs)("div", { className: classes.viewTitle, children: [session.focusedViewId === view.id ? ((0, jsx_runtime_1.jsx)(KeyboardArrowRight_1.default, { className: classes.icon, fontSize: "small" })) : null, (0, jsx_runtime_1.jsx)(ViewContainerTitle_1.default, { view: view })] }), (0, jsx_runtime_1.jsx)("div", { className: classes.grow }), (0, jsx_runtime_1.jsx)(ViewButtons, { onClose: onClose, onMinimize: onMinimize, view: view })] }));
-});
-exports.default = ViewHeader;

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

@@ -1,11 +0,0 @@
-import type { SnackbarMessage } from '@jbrowse/core/ui/SnackbarModel';
-import type { SessionWithDrawerWidgets } from '@jbrowse/core/util';
-type AppSession = SessionWithDrawerWidgets & {
-    snackbarMessages: SnackbarMessage[];
-    renameCurrentSession: (arg: string) => void;
-    popSnackbarMessage: () => unknown;
-};
-declare const ViewLauncher: ({ session }: {
-    session: AppSession;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ViewLauncher;

package/dist/ui/App/ViewLauncher.js

@@ -1,29 +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)()(theme => ({
-    selectPaper: {
-        padding: theme.spacing(4),
-    },
-    m2: {
-        margin: 2,
-    },
-}));
-const ViewLauncher = (0, mobx_react_1.observer)(({ session }) => {
-    var _a;
-    const { classes } = useStyles();
-    const { pluginManager } = (0, util_1.getEnv)(session);
-    const viewTypes = pluginManager.getViewElements();
-    const [value, setValue] = (0, react_1.useState)(((_a = viewTypes[0]) === null || _a === void 0 ? void 0 : _a.name) || '');
-    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { className: classes.selectPaper, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Select a view to launch" }), (0, jsx_runtime_1.jsx)(material_1.FormControl, { className: classes.m2, children: (0, jsx_runtime_1.jsx)(material_1.Select, { value: value, onChange: event => {
-                        setValue(event.target.value);
-                    }, children: viewTypes
-                        .filter(({ viewMetadata }) => !viewMetadata.hiddenFromGUI)
-                        .map(({ displayName, name }) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: name, children: displayName }, name))) }) }), (0, jsx_runtime_1.jsx)(material_1.FormControl, { className: classes.m2, children: (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: () => session.addView(value, {}), variant: "contained", color: "primary", children: "Launch view" }) })] }));
-});
-exports.default = ViewLauncher;

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

@@ -1,8 +0,0 @@
-import type { IBaseViewModel } from '@jbrowse/core/pluggableElementTypes/models';
-import type { IconButtonProps as IconButtonPropsType, SvgIconProps } from '@mui/material';
-declare const ViewMenu: ({ model, IconButtonProps, IconProps, }: {
-    model: IBaseViewModel;
-    IconButtonProps?: IconButtonPropsType;
-    IconProps: SvgIconProps;
-}) => import("react/jsx-runtime").JSX.Element;
-export default ViewMenu;

package/dist/ui/App/ViewMenu.js

@@ -1,74 +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 CascadingMenu_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenu"));
-const hooks_1 = require("@jbrowse/core/ui/hooks");
-const util_1 = require("@jbrowse/core/util");
-const KeyboardArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardArrowDown"));
-const KeyboardArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardArrowUp"));
-const KeyboardDoubleArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardDoubleArrowDown"));
-const KeyboardDoubleArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardDoubleArrowUp"));
-const Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const ViewMenu = (0, mobx_react_1.observer)(function ({ model, IconButtonProps, IconProps, }) {
-    const session = (0, util_1.getSession)(model);
-    const popupState = (0, hooks_1.usePopupState)({
-        variant: 'popover',
-    });
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { ...IconButtonProps, ...(0, hooks_1.bindTrigger)(popupState), "data-testid": "view_menu_icon", children: (0, jsx_runtime_1.jsx)(Menu_1.default, { ...IconProps, fontSize: "small" }) }), (0, jsx_runtime_1.jsx)(CascadingMenu_1.default, { ...(0, hooks_1.bindPopover)(popupState), onMenuItemClick: (_event, callback) => {
-                    callback();
-                }, menuItems: [
-                    ...(session.views.length > 1
-                        ? [
-                            {
-                                label: 'View order',
-                                type: 'subMenu',
-                                subMenu: [
-                                    ...(session.views.length > 2
-                                        ? [
-                                            {
-                                                label: 'Move view to top',
-                                                icon: KeyboardDoubleArrowUp_1.default,
-                                                onClick: () => {
-                                                    session.moveViewToTop(model.id);
-                                                },
-                                            },
-                                        ]
-                                        : []),
-                                    {
-                                        label: 'Move view up',
-                                        icon: KeyboardArrowUp_1.default,
-                                        onClick: () => {
-                                            session.moveViewUp(model.id);
-                                        },
-                                    },
-                                    {
-                                        label: 'Move view down',
-                                        icon: KeyboardArrowDown_1.default,
-                                        onClick: () => {
-                                            session.moveViewDown(model.id);
-                                        },
-                                    },
-                                    ...(session.views.length > 2
-                                        ? [
-                                            {
-                                                label: 'Move view to bottom',
-                                                icon: KeyboardDoubleArrowDown_1.default,
-                                                onClick: () => {
-                                                    session.moveViewToBottom(model.id);
-                                                },
-                                            },
-                                        ]
-                                        : []),
-                                ],
-                            },
-                        ]
-                        : []),
-                    ...model.menuItems(),
-                ], popupState: popupState })] }));
-});
-exports.default = ViewMenu;

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

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

package/dist/ui/App/ViewWrapper.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 });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const LoadingEllipses_1 = __importDefault(require("@jbrowse/core/ui/LoadingEllipses"));
-const util_1 = require("@jbrowse/core/util");
-const mobx_react_1 = require("mobx-react");
-const ViewWrapper = (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;
-    if (view.minimized) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)(LoadingEllipses_1.default, { variant: "h6" }), children: (0, jsx_runtime_1.jsx)(ReactComponent, { model: view, session: session }) }));
-});
-exports.default = ViewWrapper;

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

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

package/dist/ui/App/ViewsContainer.js

@@ -1,57 +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 mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const ViewContainer_1 = __importDefault(require("./ViewContainer"));
-const ViewLauncher = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./ViewLauncher'))));
-const useStyles = (0, mui_1.makeStyles)()({
-    viewsContainer: {
-        overflowY: 'auto',
-        gridRow: 'components',
-    },
-});
-const ViewsContainer = (0, mobx_react_1.observer)(function ViewsContainer(props) {
-    const { session } = props;
-    const { views } = session;
-    const { classes } = useStyles();
-    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.viewsContainer, children: [views.length > 0 ? (views.map(view => ((0, jsx_runtime_1.jsx)(ViewContainer_1.default, { view: view, session: session }, `view-${view.id}`)))) : ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(ViewLauncher, { ...props }) })), (0, jsx_runtime_1.jsx)("div", { style: { height: 300 } })] }));
-});
-exports.default = ViewsContainer;

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

@@ -1 +0,0 @@
-export * from './App';

package/dist/ui/App/index.js

@@ -1,17 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./App"), exports);

package/dist/ui/index.d.ts

@@ -1 +0,0 @@
-export * from './App';

package/dist/ui/index.js

@@ -1,17 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./App"), exports);