@jbrowse/plugin-menus 2.6.1

package/dist/SessionManager/components/SessionManager.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { AbstractSessionModel } from '@jbrowse/core/util';
+interface SessionSnap {
+    name: string;
+    views?: {
+        tracks: unknown[];
+    }[];
+    [key: string]: unknown;
+}
+interface SessionModel extends AbstractSessionModel {
+    savedSessions: SessionSnap[];
+    removeSavedSession: (arg: SessionSnap) => void;
+    activateSession: (arg: string) => void;
+    loadAutosaveSession: () => void;
+    previousAutosaveId: string;
+}
+declare const SessionManager: ({ session }: {
+    session: SessionModel;
+}) => React.JSX.Element;
+export default SessionManager;

package/dist/SessionManager/components/SessionManager.js

@@ -0,0 +1,102 @@
+"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");
+const pluralize_1 = __importDefault(require("pluralize"));
+// icons
+const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
+const ViewList_1 = __importDefault(require("@mui/icons-material/ViewList"));
+const DeleteDialog_1 = __importDefault(require("./DeleteDialog"));
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
+    root: {
+        margin: theme.spacing(1),
+    },
+    message: {
+        padding: theme.spacing(3),
+    },
+}));
+const AutosaveEntry = (0, mobx_react_1.observer)(({ session }) => {
+    const { classes } = useStyles();
+    const autosavedSession = JSON.parse(localStorage.getItem(session.previousAutosaveId) || '{}').session;
+    const { views = [] } = autosavedSession || {};
+    const totalTracks = views
+        .map(view => view.tracks.length)
+        .reduce((a, b) => a + b, 0);
+    return autosavedSession ? (react_1.default.createElement(material_1.Paper, { className: classes.root },
+        react_1.default.createElement(material_1.List, { subheader: react_1.default.createElement(material_1.ListSubheader, null, "Previous autosaved entry") },
+            react_1.default.createElement(material_1.ListItem, { button: true, onClick: () => session.loadAutosaveSession() },
+                react_1.default.createElement(material_1.ListItemIcon, null,
+                    react_1.default.createElement(ViewList_1.default, null)),
+                react_1.default.createElement(material_1.ListItemText, { primary: autosavedSession.name, secondary: session.name === autosavedSession.name
+                        ? 'Currently open'
+                        : `${views.length} ${(0, pluralize_1.default)('view', views.length)}; ${totalTracks}
+                           open ${(0, pluralize_1.default)('track', totalTracks)}` }))))) : null;
+});
+const SessionManager = (0, mobx_react_1.observer)(({ session }) => {
+    const { classes } = useStyles();
+    const [sessionIndexToDelete, setSessionIndexToDelete] = (0, react_1.useState)();
+    const [open, setOpen] = (0, react_1.useState)(false);
+    function handleDialogClose(deleteSession = false) {
+        if (deleteSession && sessionIndexToDelete !== undefined) {
+            session.removeSavedSession(session.savedSessions[sessionIndexToDelete]);
+        }
+        setSessionIndexToDelete(undefined);
+        setOpen(false);
+    }
+    const sessionNameToDelete = sessionIndexToDelete !== undefined
+        ? session.savedSessions[sessionIndexToDelete].name
+        : '';
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(AutosaveEntry, { session: session }),
+        react_1.default.createElement(material_1.Paper, { className: classes.root },
+            react_1.default.createElement(material_1.List, { subheader: react_1.default.createElement(material_1.ListSubheader, null, "Saved sessions") }, session.savedSessions.length ? (session.savedSessions.map((sessionSnapshot, idx) => {
+                const { views = [] } = sessionSnapshot;
+                const totalTracks = views
+                    .map(view => view.tracks.length)
+                    .reduce((a, b) => a + b, 0);
+                return (react_1.default.createElement(material_1.ListItem, { button: true, disabled: session.name === sessionSnapshot.name, onClick: () => session.activateSession(sessionSnapshot.name), key: sessionSnapshot.name },
+                    react_1.default.createElement(material_1.ListItemIcon, null,
+                        react_1.default.createElement(ViewList_1.default, null)),
+                    react_1.default.createElement(material_1.ListItemText, { primary: sessionSnapshot.name, secondary: session.name === sessionSnapshot.name
+                            ? 'Currently open'
+                            : `${views.length} ${(0, pluralize_1.default)('view', views.length)}; ${totalTracks}
+                           open ${(0, pluralize_1.default)('track', totalTracks)}` }),
+                    react_1.default.createElement(material_1.ListItemSecondaryAction, null,
+                        react_1.default.createElement(material_1.IconButton, { edge: "end", disabled: session.name === sessionSnapshot.name, "aria-label": "Delete", onClick: () => {
+                                setSessionIndexToDelete(idx);
+                                setOpen(true);
+                            } },
+                            react_1.default.createElement(Delete_1.default, null)))));
+            })) : (react_1.default.createElement(material_1.Typography, { className: classes.message }, "No saved sessions found")))),
+        react_1.default.createElement(DeleteDialog_1.default, { open: open, sessionNameToDelete: sessionNameToDelete, handleClose: handleDialogClose })));
+});
+exports.default = SessionManager;
+//# sourceMappingURL=SessionManager.js.map

package/dist/SessionManager/components/SessionManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionManager.js","sourceRoot":"","sources":["../../../src/SessionManager/components/SessionManager.tsx"],"names":[],"mappings":"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"}

package/dist/SessionManager/index.d.ts

@@ -0,0 +1,5 @@
+export declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+export declare const stateModel: import("mobx-state-tree").IModelType<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("mobx-state-tree").ISimpleType<"SessionManager">;
+}, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/dist/SessionManager/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stateModel = exports.configSchema = void 0;
+const configuration_1 = require("@jbrowse/core/configuration");
+const mst_1 = require("@jbrowse/core/util/types/mst");
+const mobx_state_tree_1 = require("mobx-state-tree");
+exports.configSchema = (0, configuration_1.ConfigurationSchema)('SessionManager', {});
+exports.stateModel = mobx_state_tree_1.types.model('SessionManager', {
+    id: mst_1.ElementId,
+    type: mobx_state_tree_1.types.literal('SessionManager'),
+});
+//# sourceMappingURL=index.js.map

package/dist/SessionManager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/SessionManager/index.ts"],"names":[],"mappings":";;;AAAA,+DAAiE;AACjE,sDAAwD;AACxD,qDAAuC;AAE1B,QAAA,YAAY,GAAG,IAAA,mCAAmB,EAAC,gBAAgB,EAAE,EAAE,CAAC,CAAA;AAExD,QAAA,UAAU,GAAG,uBAAK,CAAC,KAAK,CAAC,gBAAgB,EAAE;IACtD,EAAE,EAAE,eAAS;IACb,IAAI,EAAE,uBAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC;CACtC,CAAC,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import Plugin from '@jbrowse/core/Plugin';
+import PluginManager from '@jbrowse/core/PluginManager';
+export default class extends Plugin {
+    name: string;
+    install(pluginManager: PluginManager): void;
+    configure(pluginManager: PluginManager): void;
+}

package/dist/index.js

@@ -0,0 +1,104 @@
+"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 = require("react");
+const WidgetType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/WidgetType"));
+const Plugin_1 = __importDefault(require("@jbrowse/core/Plugin"));
+const util_1 = require("@jbrowse/core/util");
+const Help_1 = __importDefault(require("@mui/icons-material/Help"));
+const Info_1 = __importDefault(require("@mui/icons-material/Info"));
+const AboutWidget_1 = require("./AboutWidget");
+const HelpWidget_1 = require("./HelpWidget");
+const ImportSessionWidget_1 = require("./ImportSessionWidget");
+const SessionManager_1 = require("./SessionManager");
+class default_1 extends Plugin_1.default {
+    constructor() {
+        super(...arguments);
+        this.name = 'MenusPlugin';
+    }
+    install(pluginManager) {
+        pluginManager.addWidgetType(() => {
+            return new WidgetType_1.default({
+                name: 'AboutWidget',
+                heading: 'About',
+                configSchema: AboutWidget_1.configSchema,
+                stateModel: AboutWidget_1.stateModel,
+                ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./AboutWidget/components/AboutWidget')))),
+            });
+        });
+        pluginManager.addWidgetType(() => {
+            return new WidgetType_1.default({
+                name: 'HelpWidget',
+                heading: 'Help',
+                configSchema: HelpWidget_1.configSchema,
+                stateModel: HelpWidget_1.stateModel,
+                ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./HelpWidget/components/HelpWidget')))),
+            });
+        });
+        pluginManager.addWidgetType(() => {
+            return new WidgetType_1.default({
+                name: 'ImportSessionWidget',
+                heading: 'Import session',
+                configSchema: ImportSessionWidget_1.configSchema,
+                stateModel: ImportSessionWidget_1.stateModel,
+                ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./ImportSessionWidget/components/ImportSessionWidget')))),
+            });
+        });
+        pluginManager.addWidgetType(() => {
+            return new WidgetType_1.default({
+                name: 'SessionManager',
+                heading: 'Sessions',
+                configSchema: SessionManager_1.configSchema,
+                stateModel: SessionManager_1.stateModel,
+                ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./SessionManager/components/SessionManager')))),
+            });
+        });
+    }
+    configure(pluginManager) {
+        if ((0, util_1.isAbstractMenuManager)(pluginManager.rootModel)) {
+            pluginManager.rootModel.appendToMenu('Help', {
+                label: 'About',
+                icon: Info_1.default,
+                onClick: (session) => {
+                    const widget = session.addWidget('AboutWidget', 'aboutWidget');
+                    session.showWidget(widget);
+                },
+            });
+            pluginManager.rootModel.appendToMenu('Help', {
+                label: 'Help',
+                icon: Help_1.default,
+                onClick: (session) => {
+                    const widget = session.addWidget('HelpWidget', 'helpWidget');
+                    session.showWidget(widget);
+                },
+            });
+        }
+    }
+}
+exports.default = default_1;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA4B;AAC5B,gGAAuE;AACvE,kEAAyC;AAEzC,6CAA8E;AAE9E,oEAA+C;AAC/C,oEAA+C;AAE/C,+CAGsB;AACtB,6CAGqB;AACrB,+DAG8B;AAC9B,qDAGyB;AAEzB,eAAqB,SAAQ,gBAAM;IAAnC;;QACE,SAAI,GAAG,aAAa,CAAA;IAwEtB,CAAC;IAtEC,OAAO,CAAC,aAA4B;QAClC,aAAa,CAAC,aAAa,CAAC,GAAG,EAAE;YAC/B,OAAO,IAAI,oBAAU,CAAC;gBACpB,IAAI,EAAE,aAAa;gBACnB,OAAO,EAAE,OAAO;gBAChB,YAAY,EAAE,0BAAiB;gBAC/B,UAAU,EAAE,wBAAe;gBAC3B,cAAc,EAAE,IAAA,YAAI,EAClB,GAAG,EAAE,mDAAQ,sCAAsC,GAAC,CACrD;aACF,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEF,aAAa,CAAC,aAAa,CAAC,GAAG,EAAE;YAC/B,OAAO,IAAI,oBAAU,CAAC;gBACpB,IAAI,EAAE,YAAY;gBAClB,OAAO,EAAE,MAAM;gBACf,YAAY,EAAE,yBAAgB;gBAC9B,UAAU,EAAE,uBAAc;gBAC1B,cAAc,EAAE,IAAA,YAAI,EAClB,GAAG,EAAE,mDAAQ,oCAAoC,GAAC,CACnD;aACF,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEF,aAAa,CAAC,aAAa,CAAC,GAAG,EAAE;YAC/B,OAAO,IAAI,oBAAU,CAAC;gBACpB,IAAI,EAAE,qBAAqB;gBAC3B,OAAO,EAAE,gBAAgB;gBACzB,YAAY,EAAE,kCAAyB;gBACvC,UAAU,EAAE,gCAAuB;gBACnC,cAAc,EAAE,IAAA,YAAI,EAClB,GAAG,EAAE,mDAAQ,sDAAsD,GAAC,CACrE;aACF,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEF,aAAa,CAAC,aAAa,CAAC,GAAG,EAAE;YAC/B,OAAO,IAAI,oBAAU,CAAC;gBACpB,IAAI,EAAE,gBAAgB;gBACtB,OAAO,EAAE,UAAU;gBACnB,YAAY,EAAE,6BAA0B;gBACxC,UAAU,EAAE,2BAAwB;gBACpC,cAAc,EAAE,IAAA,YAAI,EAClB,GAAG,EAAE,mDAAQ,4CAA4C,GAAC,CAC3D;aACF,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,CAAC,aAA4B;QACpC,IAAI,IAAA,4BAAqB,EAAC,aAAa,CAAC,SAAS,CAAC,EAAE;YAClD,aAAa,CAAC,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE;gBAC3C,KAAK,EAAE,OAAO;gBACd,IAAI,EAAE,cAAQ;gBACd,OAAO,EAAE,CAAC,OAA2B,EAAE,EAAE;oBACvC,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC,CAAA;oBAC9D,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;gBAC5B,CAAC;aACF,CAAC,CAAA;YACF,aAAa,CAAC,SAAS,CAAC,YAAY,CAAC,MAAM,EAAE;gBAC3C,KAAK,EAAE,MAAM;gBACb,IAAI,EAAE,cAAQ;gBACd,OAAO,EAAE,CAAC,OAA2B,EAAE,EAAE;oBACvC,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;oBAC5D,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;gBAC5B,CAAC;aACF,CAAC,CAAA;SACH;IACH,CAAC;CACF;AAzED,4BAyEC"}

package/esm/AboutWidget/components/AboutWidget.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IAnyStateTreeNode } from 'mobx-state-tree';
+declare function About({ model }: {
+    model: IAnyStateTreeNode;
+}): React.JSX.Element;
+declare const _default: typeof About;
+export default _default;

package/esm/AboutWidget/components/AboutWidget.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import { getEnv } from 'mobx-state-tree';
+import { getSession } from '@jbrowse/core/util';
+import { Typography, Link } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+const useStyles = makeStyles()(theme => ({
+    root: {
+        margin: theme.spacing(2),
+        paddingTop: theme.spacing(2),
+    },
+    subtitle: {
+        margin: theme.spacing(1),
+    },
+    pluginList: {
+        margin: theme.spacing(1),
+        marginTop: theme.spacing(5),
+    },
+}));
+function About({ model }) {
+    const { classes } = useStyles();
+    const { version } = getSession(model);
+    const { pluginManager } = getEnv(model);
+    const { plugins } = pluginManager;
+    const corePlugins = new Set(plugins
+        .filter(p => { var _a; return (_a = pluginManager.pluginMetadata[p.name]) === null || _a === void 0 ? void 0 : _a.isCore; })
+        .map(p => p.name));
+    return (React.createElement("div", { className: classes.root },
+        React.createElement(Typography, { variant: "h4", align: "center" }, "JBrowse 2"),
+        React.createElement(Typography, { variant: "h6", align: "center", className: classes.subtitle }, version),
+        React.createElement(Typography, { align: "center" },
+            "JBrowse is a",
+            ' ',
+            React.createElement(Link, { href: "http://gmod.org/", target: "_blank", rel: "noopener noreferrer" }, "GMOD"),
+            ' ',
+            "project"),
+        React.createElement("br", null),
+        React.createElement(Typography, { align: "center" }, "\u00A9 2019-2022 The Evolutionary Software Foundation"),
+        React.createElement("div", { className: classes.pluginList },
+            React.createElement(Typography, null, "External plugins loaded"),
+            React.createElement("ul", null, plugins
+                .filter(plugin => !corePlugins.has(plugin.name))
+                .map(plugin => {
+                const { url, name, version = '' } = plugin;
+                const text = `${name} ${version || ''}`;
+                return (React.createElement("li", { key: plugin.name }, plugin.url ? (React.createElement(Link, { target: "_blank", rel: "noopener noreferrer", href: url }, text)) : (React.createElement(Typography, null, text))));
+            })),
+            React.createElement(Typography, null, "Core plugins loaded"),
+            React.createElement("ul", null, plugins
+                .filter(plugin => corePlugins.has(plugin.name))
+                .map(plugin => (React.createElement("li", { key: plugin.name },
+                React.createElement(Typography, null,
+                    plugin.name,
+                    " ",
+                    plugin.version || ''))))))));
+}
+export default observer(About);
+//# sourceMappingURL=AboutWidget.js.map

package/esm/AboutWidget/components/AboutWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutWidget.js","sourceRoot":"","sources":["../../../src/AboutWidget/components/AboutWidget.tsx"],"names":[],"mappings":"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"}

package/esm/AboutWidget/index.d.ts

@@ -0,0 +1,5 @@
+export declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+export declare const stateModel: import("mobx-state-tree").IModelType<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("mobx-state-tree").ISimpleType<"AboutWidget">;
+}, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/esm/AboutWidget/index.js

@@ -0,0 +1,9 @@
+import { ConfigurationSchema } from '@jbrowse/core/configuration';
+import { ElementId } from '@jbrowse/core/util/types/mst';
+import { types } from 'mobx-state-tree';
+export const configSchema = ConfigurationSchema('AboutWidget', {});
+export const stateModel = types.model('AboutWidget', {
+    id: ElementId,
+    type: types.literal('AboutWidget'),
+});
+//# sourceMappingURL=index.js.map

package/esm/AboutWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AboutWidget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAAC,aAAa,EAAE,EAAE,CAAC,CAAA;AAElE,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,aAAa,EAAE;IACnD,EAAE,EAAE,SAAS;IACb,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC;CACnC,CAAC,CAAA"}

package/esm/HelpWidget/components/HelpWidget.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IAnyStateTreeNode } from 'mobx-state-tree';
+declare function Help({ model }: {
+    model?: IAnyStateTreeNode;
+}): React.JSX.Element;
+declare const _default: typeof Help;
+export default _default;

package/esm/HelpWidget/components/HelpWidget.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import { getSession } from '@jbrowse/core/util';
+import { makeStyles } from 'tss-react/mui';
+import { Link, Typography } from '@mui/material';
+const useStyles = makeStyles()(theme => ({
+    root: {
+        margin: theme.spacing(2),
+    },
+    subtitle: {
+        margin: theme.spacing(1),
+    },
+}));
+function Help({ model }) {
+    const { classes } = useStyles();
+    const root = model ? getSession(model) : { version: '' };
+    return (React.createElement("div", { className: classes.root },
+        React.createElement(Typography, { variant: "h4", align: "center" }, "JBrowse 2"),
+        React.createElement(Typography, { variant: "h6", align: "center", className: classes.subtitle }, root.version),
+        React.createElement(Typography, null, "Here are some resources to get help. Please report the version number above when asking questions. Thanks!"),
+        React.createElement("ul", null,
+            React.createElement("li", null,
+                React.createElement(Link, { href: "https://github.com/GMOD/jbrowse-components/discussions", target: "_blank", rel: "noopener noreferrer" }, "Question & answer forum")),
+            React.createElement("li", null,
+                React.createElement(Link, { href: "https://github.com/GMOD/jbrowse-components/issues/new/choose", target: "_blank", rel: "noopener noreferrer" }, "Report a bug")),
+            React.createElement("li", null,
+                React.createElement(Link, { href: "https://jbrowse.org/jb2/docs/user_guide", target: "_blank", rel: "noopener noreferrer" }, "User guide")),
+            React.createElement("li", null,
+                React.createElement(Link, { href: "https://jbrowse.org/jb2/docs/", target: "_blank", rel: "noopener noreferrer" }, "Documentation")))));
+}
+export default observer(Help);
+//# sourceMappingURL=HelpWidget.js.map

package/esm/HelpWidget/components/HelpWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpWidget.js","sourceRoot":"","sources":["../../../src/HelpWidget/components/HelpWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEhD,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,IAAI,EAAE;QACJ,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACzB;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACzB;CACF,CAAC,CAAC,CAAA;AAEH,SAAS,IAAI,CAAC,EAAE,KAAK,EAAiC;IACpD,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAA;IACxD,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,CAAC,IAAI;QAC1B,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,gBAE1B;QACb,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,IAChE,IAAI,CAAC,OAAO,CACF;QAEb,oBAAC,UAAU,qHAGE;QACb;YACE;gBACE,oBAAC,IAAI,IACH,IAAI,EAAC,wDAAwD,EAC7D,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,8BAGpB,CACJ;YACL;gBACE,oBAAC,IAAI,IACH,IAAI,EAAC,8DAA8D,EACnE,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,mBAGpB,CACJ;YACL;gBACE,oBAAC,IAAI,IACH,IAAI,EAAC,yCAAyC,EAC9C,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,iBAGpB,CACJ;YACL;gBACE,oBAAC,IAAI,IACH,IAAI,EAAC,+BAA+B,EACpC,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,oBAGpB,CACJ,CACF,CACD,CACP,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,IAAI,CAAC,CAAA"}

package/esm/HelpWidget/index.d.ts

@@ -0,0 +1,5 @@
+export declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+export declare const stateModel: import("mobx-state-tree").IModelType<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("mobx-state-tree").ISimpleType<"HelpWidget">;
+}, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/esm/HelpWidget/index.js

@@ -0,0 +1,9 @@
+import { ConfigurationSchema } from '@jbrowse/core/configuration';
+import { ElementId } from '@jbrowse/core/util/types/mst';
+import { types } from 'mobx-state-tree';
+export const configSchema = ConfigurationSchema('HelpWidget', {});
+export const stateModel = types.model('HelpWidget', {
+    id: ElementId,
+    type: types.literal('HelpWidget'),
+});
+//# sourceMappingURL=index.js.map

package/esm/HelpWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/HelpWidget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;AAEjE,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE;IAClD,EAAE,EAAE,SAAS;IACb,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC;CAClC,CAAC,CAAA"}

package/esm/ImportSessionWidget/components/ImportError.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default function ImportError({ error }: {
+    error: unknown;
+}): React.JSX.Element;

package/esm/ImportSessionWidget/components/ImportError.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Paper, Typography } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+// icons
+import ErrorIcon from '@mui/icons-material/Error';
+const useStyles = makeStyles()(theme => ({
+    error: {
+        margin: theme.spacing(2),
+    },
+    errorHeader: {
+        background: theme.palette.error.light,
+        color: theme.palette.error.contrastText,
+        padding: theme.spacing(2),
+        textAlign: 'center',
+    },
+    errorMessage: {
+        padding: theme.spacing(2),
+    },
+}));
+export default function ImportError({ error }) {
+    const { classes } = useStyles();
+    return (React.createElement(Paper, { className: classes.error },
+        React.createElement("div", { className: classes.errorHeader },
+            React.createElement(ErrorIcon, { color: "inherit", fontSize: "large" }),
+            React.createElement("div", null,
+                React.createElement(Typography, { variant: "h6", color: "inherit", align: "center" }, "Import error"))),
+        React.createElement(Typography, { className: classes.errorMessage }, `${error}`)));
+}
+//# sourceMappingURL=ImportError.js.map

package/esm/ImportSessionWidget/components/ImportError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportError.js","sourceRoot":"","sources":["../../../src/ImportSessionWidget/components/ImportError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,QAAQ;AACR,OAAO,SAAS,MAAM,2BAA2B,CAAA;AAEjD,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,KAAK,EAAE;QACL,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACzB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK;QACrC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY;QACvC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,SAAS,EAAE,QAAQ;KACpB;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAC1B;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,KAAK,EAAsB;IAC/D,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,OAAO,CACL,oBAAC,KAAK,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK;QAC7B,6BAAK,SAAS,EAAE,OAAO,CAAC,WAAW;YACjC,oBAAC,SAAS,IAAC,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,GAAG;YAC9C;gBACE,oBAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,mBAE1C,CACT,CACF;QACN,oBAAC,UAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,GAAG,KAAK,EAAE,CAAc,CAChE,CACT,CAAA;AACH,CAAC"}

package/esm/ImportSessionWidget/components/ImportSessionWidget.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IAnyStateTreeNode } from 'mobx-state-tree';
+declare function ImportSession({ model }: {
+    model: IAnyStateTreeNode;
+}): React.JSX.Element;
+declare const _default: typeof ImportSession;
+export default _default;

package/esm/ImportSessionWidget/components/ImportSessionWidget.js

@@ -0,0 +1,86 @@
+import React, { useState } from 'react';
+import { Button, Paper, Typography, alpha } from '@mui/material';
+import { getSession } from '@jbrowse/core/util';
+import { makeStyles } from 'tss-react/mui';
+import { observer } from 'mobx-react';
+import { useDropzone } from 'react-dropzone';
+// icons
+import CloudUploadIcon from '@mui/icons-material/CloudUpload';
+// locals
+import ImportError from './ImportError';
+const MAX_FILE_SIZE = 512 * 1024 ** 2; // 512 MiB
+function styledBy(property, mapping) {
+    return (props) => mapping[props[property]];
+}
+// @ts-expect-error
+const useStyles = makeStyles()(theme => ({
+    root: {
+        margin: theme.spacing(1),
+    },
+    paper: {
+        display: 'flex',
+        flexDirection: 'column',
+    },
+    dropZone: {
+        textAlign: 'center',
+        margin: theme.spacing(2),
+        padding: theme.spacing(2),
+        borderWidth: 2,
+        borderRadius: 2,
+        borderColor: styledBy('isDragActive', {
+            true: theme.palette.secondary.light,
+            false: theme.palette.divider,
+        }),
+        borderStyle: 'dashed',
+        backgroundColor: styledBy('isDragActive', {
+            true: alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity),
+            false: theme.palette.background.default,
+        }),
+        outline: 'none',
+        transition: 'border .24s ease-in-out',
+        '&:focus': {
+            borderColor: theme.palette.secondary.light,
+        },
+    },
+    uploadIcon: {
+        color: theme.palette.text.secondary,
+    },
+}));
+function ImportSession({ model }) {
+    const [error, setError] = useState();
+    const { getRootProps, getInputProps, isDragActive } = useDropzone({
+        // @ts-expect-error
+        accept: 'application/json',
+        maxSize: MAX_FILE_SIZE,
+        multiple: false,
+        onDrop: async (acceptedFiles, rejectedFiles) => {
+            try {
+                if (rejectedFiles.length > 0) {
+                    throw new Error(`${rejectedFiles[0].errors.map(e => `${e}`).join(', ')}`);
+                }
+                else {
+                    const sessionText = await acceptedFiles[0].text();
+                    getSession(model).setSession(JSON.parse(sessionText).session);
+                }
+            }
+            catch (e) {
+                console.error(e);
+                setError(e);
+            }
+        },
+    });
+    // @ts-expect-error
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const { classes } = useStyles({ isDragActive });
+    return (React.createElement("div", { className: classes.root },
+        React.createElement(Paper, { className: classes.paper },
+            React.createElement("div", { ...getRootProps({ className: classes.dropZone }) },
+                React.createElement("input", { ...getInputProps() }),
+                React.createElement(CloudUploadIcon, { className: classes.uploadIcon, fontSize: "large" }),
+                React.createElement(Typography, { color: "textSecondary", align: "center", variant: "body1" }, "Drag and drop files here"),
+                React.createElement(Typography, { color: "textSecondary", align: "center", variant: "body2" }, "or"),
+                React.createElement(Button, { color: "primary", variant: "contained" }, "Browse Files"))),
+        error ? React.createElement(ImportError, { error: error }) : null));
+}
+export default observer(ImportSession);
+//# sourceMappingURL=ImportSessionWidget.js.map

package/esm/ImportSessionWidget/components/ImportSessionWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportSessionWidget.js","sourceRoot":"","sources":["../../../src/ImportSessionWidget/components/ImportSessionWidget.tsx"],"names":[],"mappings":"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"}

package/esm/ImportSessionWidget/index.d.ts

@@ -0,0 +1,5 @@
+export declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+export declare const stateModel: import("mobx-state-tree").IModelType<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("mobx-state-tree").ISimpleType<"ImportSessionWidget">;
+}, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/esm/ImportSessionWidget/index.js

@@ -0,0 +1,9 @@
+import { ConfigurationSchema } from '@jbrowse/core/configuration';
+import { ElementId } from '@jbrowse/core/util/types/mst';
+import { types } from 'mobx-state-tree';
+export const configSchema = ConfigurationSchema('ImportSessionWidget', {});
+export const stateModel = types.model('ImportSessionWidget', {
+    id: ElementId,
+    type: types.literal('ImportSessionWidget'),
+});
+//# sourceMappingURL=index.js.map

package/esm/ImportSessionWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ImportSessionWidget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAA;AAE1E,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,qBAAqB,EAAE;IAC3D,EAAE,EAAE,SAAS;IACb,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,qBAAqB,CAAC;CAC3C,CAAC,CAAA"}

package/esm/SessionManager/components/DeleteDialog.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export default function DeleteDialog({ open, sessionNameToDelete, handleClose, }: {
+    sessionNameToDelete: string;
+    open: boolean;
+    handleClose: (arg?: boolean) => void;
+}): React.JSX.Element;