@jbrowse/plugin-menus 2.17.0 → 3.0.0

package/dist/AboutWidget/components/AboutWidget.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { IAnyStateTreeNode } from 'mobx-state-tree';
+import type { IAnyStateTreeNode } from 'mobx-state-tree';
 declare const AboutWidget: ({ model, }: {
     model: IAnyStateTreeNode;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default AboutWidget;

package/dist/AboutWidget/components/AboutWidget.js

@@ -1,13 +1,10 @@
 "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 mobx_react_1 = require("mobx-react");
-const mobx_state_tree_1 = require("mobx-state-tree");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const util_1 = require("@jbrowse/core/util");
 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 => ({
     root: {
@@ -30,33 +27,14 @@ const AboutWidget = (0, mobx_react_1.observer)(function ({ model, }) {
     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_1.default.createElement("div", { className: classes.root },
-        react_1.default.createElement(material_1.Typography, { variant: "h4", align: "center" }, "JBrowse 2"),
-        react_1.default.createElement(material_1.Typography, { variant: "h6", align: "center", className: classes.subtitle }, version),
-        react_1.default.createElement(material_1.Typography, { align: "center" },
-            "JBrowse is a",
-            ' ',
-            react_1.default.createElement(material_1.Link, { href: "http://gmod.org/", target: "_blank", rel: "noopener noreferrer" }, "GMOD"),
-            ' ',
-            "project"),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement(material_1.Typography, { align: "center" }, "\u00A9 2019-2022 The Evolutionary Software Foundation"),
-        react_1.default.createElement("div", { className: classes.pluginList },
-            react_1.default.createElement(material_1.Typography, null, "External plugins loaded"),
-            react_1.default.createElement("ul", null, plugins
-                .filter(plugin => !corePlugins.has(plugin.name))
-                .map(plugin => {
-                const { url, name, version = '' } = plugin;
-                const text = `${name} ${version || ''}`;
-                return (react_1.default.createElement("li", { key: plugin.name }, plugin.url ? (react_1.default.createElement(material_1.Link, { target: "_blank", rel: "noopener noreferrer", href: url }, text)) : (react_1.default.createElement(material_1.Typography, null, text))));
-            })),
-            react_1.default.createElement(material_1.Typography, null, "Core plugins loaded"),
-            react_1.default.createElement("ul", null, plugins
-                .filter(plugin => corePlugins.has(plugin.name))
-                .map(plugin => (react_1.default.createElement("li", { key: plugin.name },
-                react_1.default.createElement(material_1.Typography, null,
-                    plugin.name,
-                    " ",
-                    plugin.version || ''))))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.root, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h4", align: "center", children: "JBrowse 2" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", align: "center", className: classes.subtitle, children: version }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { align: "center", children: ["JBrowse is a", ' ', (0, jsx_runtime_1.jsx)(material_1.Link, { href: "http://gmod.org/", target: "_blank", rel: "noopener noreferrer", children: "GMOD" }), ' ', "project"] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(material_1.Typography, { align: "center", children: "\u00A9 2019-2022 The Evolutionary Software Foundation" }), (0, jsx_runtime_1.jsxs)("div", { className: classes.pluginList, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "External plugins loaded" }), (0, jsx_runtime_1.jsx)("ul", { children: plugins
+                            .filter(plugin => !corePlugins.has(plugin.name))
+                            .map(plugin => {
+                            const { url, name, version = '' } = plugin;
+                            const text = `${name} ${version || ''}`;
+                            return ((0, jsx_runtime_1.jsx)("li", { children: plugin.url ? ((0, jsx_runtime_1.jsx)(material_1.Link, { target: "_blank", rel: "noopener noreferrer", href: url, children: text })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: text })) }, plugin.name));
+                        }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Core plugins loaded" }), (0, jsx_runtime_1.jsx)("ul", { children: plugins
+                            .filter(plugin => corePlugins.has(plugin.name))
+                            .map(plugin => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsxs)(material_1.Typography, { children: [plugin.name, " ", plugin.version || ''] }) }, plugin.name))) })] })] }));
 });
 exports.default = AboutWidget;

package/dist/AboutWidget/index.d.ts

@@ -1,5 +1,2 @@
-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>;
+import type PluginManager from '@jbrowse/core/PluginManager';
+export default function AboutWidgetF(pluginManager: PluginManager): void;

package/dist/AboutWidget/index.js

@@ -1,11 +1,57 @@
 "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;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.stateModel = exports.configSchema = void 0;
+exports.default = AboutWidgetF;
+const react_1 = require("react");
 const configuration_1 = require("@jbrowse/core/configuration");
+const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const mst_1 = require("@jbrowse/core/util/types/mst");
 const mobx_state_tree_1 = require("mobx-state-tree");
-exports.configSchema = (0, configuration_1.ConfigurationSchema)('AboutWidget', {});
-exports.stateModel = mobx_state_tree_1.types.model('AboutWidget', {
+const configSchema = (0, configuration_1.ConfigurationSchema)('AboutWidget', {});
+const stateModel = mobx_state_tree_1.types.model('AboutWidget', {
     id: mst_1.ElementId,
     type: mobx_state_tree_1.types.literal('AboutWidget'),
 });
+function AboutWidgetF(pluginManager) {
+    pluginManager.addWidgetType(() => {
+        return new pluggableElementTypes_1.WidgetType({
+            name: 'AboutWidget',
+            heading: 'About',
+            configSchema,
+            stateModel,
+            ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/AboutWidget')))),
+        });
+    });
+}

package/dist/HelpWidget/components/HelpWidget.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { IAnyStateTreeNode } from 'mobx-state-tree';
+import type { IAnyStateTreeNode } from 'mobx-state-tree';
 declare const HelpWidget: ({ model, }: {
     model?: IAnyStateTreeNode;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default HelpWidget;

package/dist/HelpWidget/components/HelpWidget.js

@@ -1,13 +1,10 @@
 "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 mobx_react_1 = require("mobx-react");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const util_1 = require("@jbrowse/core/util");
-const mui_1 = require("tss-react/mui");
 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 => ({
     root: {
         margin: theme.spacing(2),
@@ -19,18 +16,6 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 const HelpWidget = (0, mobx_react_1.observer)(function Help({ model, }) {
     const { classes } = useStyles();
     const root = model ? (0, util_1.getSession)(model) : { version: '' };
-    return (react_1.default.createElement("div", { className: classes.root },
-        react_1.default.createElement(material_1.Typography, { variant: "h4", align: "center" }, "JBrowse 2"),
-        react_1.default.createElement(material_1.Typography, { variant: "h6", align: "center", className: classes.subtitle }, root.version),
-        react_1.default.createElement(material_1.Typography, null, "Here are some resources to get help. Please report the version number above when asking questions. Thanks!"),
-        react_1.default.createElement("ul", null,
-            react_1.default.createElement("li", null,
-                react_1.default.createElement(material_1.Link, { href: "https://github.com/GMOD/jbrowse-components/discussions", target: "_blank", rel: "noopener noreferrer" }, "Question & answer forum")),
-            react_1.default.createElement("li", null,
-                react_1.default.createElement(material_1.Link, { href: "https://github.com/GMOD/jbrowse-components/issues/new/choose", target: "_blank", rel: "noopener noreferrer" }, "Report a bug")),
-            react_1.default.createElement("li", null,
-                react_1.default.createElement(material_1.Link, { href: "https://jbrowse.org/jb2/docs/user_guide", target: "_blank", rel: "noopener noreferrer" }, "User guide")),
-            react_1.default.createElement("li", null,
-                react_1.default.createElement(material_1.Link, { href: "https://jbrowse.org/jb2/docs/", target: "_blank", rel: "noopener noreferrer" }, "Documentation")))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.root, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h4", align: "center", children: "JBrowse 2" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", align: "center", className: classes.subtitle, children: root.version }), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Here are some resources to get help. Please report the version number above when asking questions. Thanks!" }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(material_1.Link, { href: "https://github.com/GMOD/jbrowse-components/discussions", target: "_blank", rel: "noopener noreferrer", children: "Question & answer forum" }) }), (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(material_1.Link, { href: "https://github.com/GMOD/jbrowse-components/issues/new/choose", target: "_blank", rel: "noopener noreferrer", children: "Report a bug" }) }), (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(material_1.Link, { href: "https://jbrowse.org/jb2/docs/user_guide", target: "_blank", rel: "noopener noreferrer", children: "User guide" }) }), (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(material_1.Link, { href: "https://jbrowse.org/jb2/docs/", target: "_blank", rel: "noopener noreferrer", children: "Documentation" }) })] })] }));
 });
 exports.default = HelpWidget;

package/dist/HelpWidget/index.d.ts

@@ -1,5 +1,2 @@
-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>;
+import type PluginManager from '@jbrowse/core/PluginManager';
+export default function HelpWidgetF(pluginManager: PluginManager): void;

package/dist/HelpWidget/index.js

@@ -1,11 +1,57 @@
 "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;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.stateModel = exports.configSchema = void 0;
+exports.default = HelpWidgetF;
+const react_1 = require("react");
 const configuration_1 = require("@jbrowse/core/configuration");
+const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const mst_1 = require("@jbrowse/core/util/types/mst");
 const mobx_state_tree_1 = require("mobx-state-tree");
-exports.configSchema = (0, configuration_1.ConfigurationSchema)('HelpWidget', {});
-exports.stateModel = mobx_state_tree_1.types.model('HelpWidget', {
+const configSchema = (0, configuration_1.ConfigurationSchema)('HelpWidget', {});
+const stateModel = mobx_state_tree_1.types.model('HelpWidget', {
     id: mst_1.ElementId,
     type: mobx_state_tree_1.types.literal('HelpWidget'),
 });
+function HelpWidgetF(pluginManager) {
+    pluginManager.addWidgetType(() => {
+        return new pluggableElementTypes_1.WidgetType({
+            name: 'HelpWidget',
+            heading: 'Help',
+            configSchema,
+            stateModel,
+            ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/HelpWidget')))),
+        });
+    });
+}

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

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

package/dist/ImportSessionWidget/components/ImportError.js

@@ -4,11 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = ImportError;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Error_1 = __importDefault(require("@mui/icons-material/Error"));
 const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
-// icons
-const Error_1 = __importDefault(require("@mui/icons-material/Error"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     error: {
         margin: theme.spacing(2),
@@ -25,10 +24,5 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 }));
 function ImportError({ error }) {
     const { classes } = useStyles();
-    return (react_1.default.createElement(material_1.Paper, { className: classes.error },
-        react_1.default.createElement("div", { className: classes.errorHeader },
-            react_1.default.createElement(Error_1.default, { color: "inherit", fontSize: "large" }),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement(material_1.Typography, { variant: "h6", color: "inherit", align: "center" }, "Import error"))),
-        react_1.default.createElement(material_1.Typography, { className: classes.errorMessage }, `${error}`)));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { className: classes.error, children: [(0, jsx_runtime_1.jsxs)("div", { className: classes.errorHeader, children: [(0, jsx_runtime_1.jsx)(Error_1.default, { color: "inherit", fontSize: "large" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", color: "inherit", align: "center", children: "Import error" }) })] }), (0, jsx_runtime_1.jsx)(material_1.Typography, { className: classes.errorMessage, children: `${error}` })] }));
 }

package/dist/ImportSessionWidget/components/ImportSessionWidget.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { IAnyStateTreeNode } from 'mobx-state-tree';
+import type { IAnyStateTreeNode } from 'mobx-state-tree';
 declare const ImportSessionWidget: ({ model, }: {
     model: IAnyStateTreeNode;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ImportSessionWidget;

package/dist/ImportSessionWidget/components/ImportSessionWidget.js

@@ -1,46 +1,21 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const util_1 = require("@jbrowse/core/util");
-const mui_1 = require("tss-react/mui");
+const CloudUpload_1 = __importDefault(require("@mui/icons-material/CloudUpload"));
+const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const react_dropzone_1 = require("react-dropzone");
-// icons
-const CloudUpload_1 = __importDefault(require("@mui/icons-material/CloudUpload"));
-// locals
+const mui_1 = require("tss-react/mui");
 const ImportError_1 = __importDefault(require("./ImportError"));
-const MAX_FILE_SIZE = 512 * 1024 ** 2; // 512 MiB
+const MAX_FILE_SIZE = 512 * 1024 ** 2;
 function styledBy(property, mapping) {
     return (props) => mapping[props[property]];
 }
-// @ts-expect-error
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     root: {
         margin: theme.spacing(1),
@@ -77,7 +52,6 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 const ImportSessionWidget = (0, mobx_react_1.observer)(function ({ model, }) {
     const [error, setError] = (0, react_1.useState)();
     const { getRootProps, getInputProps, isDragActive } = (0, react_dropzone_1.useDropzone)({
-        // @ts-expect-error
         accept: 'application/json',
         maxSize: MAX_FILE_SIZE,
         multiple: false,
@@ -96,16 +70,7 @@ const ImportSessionWidget = (0, mobx_react_1.observer)(function ({ model, }) {
             }
         },
     });
-    // @ts-expect-error
     const { classes } = useStyles({ isDragActive });
-    return (react_1.default.createElement("div", { className: classes.root },
-        react_1.default.createElement(material_1.Paper, { className: classes.paper },
-            react_1.default.createElement("div", { ...getRootProps({ className: classes.dropZone }) },
-                react_1.default.createElement("input", { ...getInputProps() }),
-                react_1.default.createElement(CloudUpload_1.default, { className: classes.uploadIcon, fontSize: "large" }),
-                react_1.default.createElement(material_1.Typography, { color: "textSecondary", align: "center", variant: "body1" }, "Drag and drop files here"),
-                react_1.default.createElement(material_1.Typography, { color: "textSecondary", align: "center", variant: "body2" }, "or"),
-                react_1.default.createElement(material_1.Button, { color: "primary", variant: "contained" }, "Browse Files"))),
-        error ? react_1.default.createElement(ImportError_1.default, { error: error }) : null));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.root, children: [(0, jsx_runtime_1.jsx)(material_1.Paper, { className: classes.paper, children: (0, jsx_runtime_1.jsxs)("div", { ...getRootProps({ className: classes.dropZone }), children: [(0, jsx_runtime_1.jsx)("input", { ...getInputProps() }), (0, jsx_runtime_1.jsx)(CloudUpload_1.default, { className: classes.uploadIcon, fontSize: "large" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "textSecondary", align: "center", variant: "body1", children: "Drag and drop files here" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { color: "textSecondary", align: "center", variant: "body2", children: "or" }), (0, jsx_runtime_1.jsx)(material_1.Button, { color: "primary", variant: "contained", children: "Browse Files" })] }) }), error ? (0, jsx_runtime_1.jsx)(ImportError_1.default, { error: error }) : null] }));
 });
 exports.default = ImportSessionWidget;

package/dist/ImportSessionWidget/index.d.ts

@@ -1,5 +1,2 @@
-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>;
+import type PluginManager from '@jbrowse/core/PluginManager';
+export default function ImportSessionWidgetF(pluginManager: PluginManager): void;

package/dist/ImportSessionWidget/index.js

@@ -1,11 +1,57 @@
 "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;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.stateModel = exports.configSchema = void 0;
+exports.default = ImportSessionWidgetF;
+const react_1 = require("react");
 const configuration_1 = require("@jbrowse/core/configuration");
+const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const mst_1 = require("@jbrowse/core/util/types/mst");
 const mobx_state_tree_1 = require("mobx-state-tree");
-exports.configSchema = (0, configuration_1.ConfigurationSchema)('ImportSessionWidget', {});
-exports.stateModel = mobx_state_tree_1.types.model('ImportSessionWidget', {
+const configSchema = (0, configuration_1.ConfigurationSchema)('ImportSessionWidget', {});
+const stateModel = mobx_state_tree_1.types.model('ImportSessionWidget', {
     id: mst_1.ElementId,
     type: mobx_state_tree_1.types.literal('ImportSessionWidget'),
 });
+function ImportSessionWidgetF(pluginManager) {
+    pluginManager.addWidgetType(() => {
+        return new pluggableElementTypes_1.WidgetType({
+            name: 'ImportSessionWidget',
+            heading: 'Import session',
+            configSchema,
+            stateModel,
+            ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/ImportSessionWidget')))),
+        });
+    });
+}

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

@@ -1,6 +1,5 @@
-import React from 'react';
-import { SessionModel } from './util';
+import type { SessionModel } from './util';
 declare const SessionManager: ({ session, }: {
     session: SessionModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SessionManager;

package/dist/SessionManager/components/SessionManager.js

@@ -3,13 +3,100 @@ 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 jsx_runtime_1 = require("react/jsx-runtime");
+const util_1 = require("@jbrowse/core/util");
+const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
+const Star_1 = __importDefault(require("@mui/icons-material/Star"));
+const StarBorder_1 = __importDefault(require("@mui/icons-material/StarBorder"));
+const material_1 = require("@mui/material");
+const x_data_grid_1 = require("@mui/x-data-grid");
+const date_fns_1 = require("date-fns");
 const mobx_react_1 = require("mobx-react");
-const AutosavedSessionsList_1 = __importDefault(require("./AutosavedSessionsList"));
-const RegularSavedSessionsList_1 = __importDefault(require("./RegularSavedSessionsList"));
+const mui_1 = require("tss-react/mui");
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
+    mb: {
+        margin: theme.spacing(1),
+        marginBottom: theme.spacing(4),
+    },
+}));
 const SessionManager = (0, mobx_react_1.observer)(function ({ session, }) {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(AutosavedSessionsList_1.default, { session: session }),
-        react_1.default.createElement(RegularSavedSessionsList_1.default, { session: session })));
+    var _a;
+    const { classes } = useStyles();
+    const [showOnlyFavs, setShowOnlyFavs] = (0, util_1.useLocalStorage)('sessionManager-showOnlyFavs', false);
+    const rows = (_a = session.savedSessionMetadata) === null || _a === void 0 ? void 0 : _a.map(r => ({
+        id: r.id,
+        name: r.name,
+        createdAt: r.createdAt,
+        fav: r.favorite,
+    })).filter(f => (showOnlyFavs ? f.fav : true));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: classes.mb, children: [(0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: showOnlyFavs, onChange: () => {
+                                setShowOnlyFavs(val => !val);
+                            } }), label: "Show only favorites?" }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: () => {
+                            var _a;
+                            let i = 0;
+                            (_a = session.savedSessionMetadata) === null || _a === void 0 ? void 0 : _a.forEach(elt => {
+                                if ((0, date_fns_1.differenceInDays)(+Date.now(), elt.createdAt) > 1 &&
+                                    !elt.favorite) {
+                                    session.deleteSavedSession(elt.id);
+                                    i++;
+                                }
+                            });
+                            session.notify(`${i} sessions deleted`, 'info');
+                        }, children: "Delete non-fav sessions older than 7 days?" })] }), rows ? ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(x_data_grid_1.DataGrid, { disableRowSelectionOnClick: true, columnHeaderHeight: 35, rowHeight: 25, hideFooter: rows.length < 100, slotProps: {
+                        toolbar: {
+                            showQuickFilter: true,
+                        },
+                    }, rows: rows, columns: [
+                        {
+                            field: 'fav',
+                            headerName: 'Fav',
+                            width: 20,
+                            renderCell: ({ row }) => {
+                                return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
+                                        if (row.fav) {
+                                            session.unfavoriteSavedSession(row.id);
+                                        }
+                                        else {
+                                            session.favoriteSavedSession(row.id);
+                                        }
+                                    }, children: row.fav ? (0, jsx_runtime_1.jsx)(Star_1.default, {}) : (0, jsx_runtime_1.jsx)(StarBorder_1.default, {}) }));
+                            },
+                        },
+                        {
+                            field: 'name',
+                            headerName: 'Name',
+                            editable: true,
+                            width: (0, util_1.measureGridWidth)(rows.map(r => r.name)),
+                            renderCell: ({ row }) => {
+                                return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Link, { href: "#", onClick: event => {
+                                                event.preventDefault();
+                                                session.activateSession(row.id);
+                                            }, children: row.name }), session.id === row.id ? ' (current)' : ''] }));
+                            },
+                        },
+                        {
+                            headerName: 'Created at',
+                            field: 'createdAt',
+                            renderCell: ({ row }) => {
+                                return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { disableInteractive: true, slotProps: {
+                                        transition: {
+                                            timeout: 0,
+                                        },
+                                    }, title: row.createdAt.toLocaleString(), children: (0, jsx_runtime_1.jsx)("div", { children: (0, date_fns_1.formatDistanceToNow)(row.createdAt, {
+                                            addSuffix: true,
+                                        }) }) }));
+                            },
+                        },
+                        {
+                            field: 'delete',
+                            width: 10,
+                            headerName: 'Delete',
+                            renderCell: ({ row }) => {
+                                return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
+                                        session.deleteSavedSession(row.id);
+                                    }, children: (0, jsx_runtime_1.jsx)(Delete_1.default, {}) }));
+                            },
+                        },
+                    ] }) })) : ((0, jsx_runtime_1.jsx)("div", { children: "No sessions loaded" }))] }));
 });
 exports.default = SessionManager;

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

@@ -1,13 +1,24 @@
-import { AbstractSessionModel } from '@jbrowse/core/util';
-export interface SessionSnap {
+import type { AbstractSessionModel } from '@jbrowse/core/util';
+export interface SessionMetadata {
+    id: string;
     name: string;
-    views?: {
-        tracks?: unknown[];
-    }[];
-    [key: string]: unknown;
+    createdAt: Date;
+    configPath: string;
+    favorite: boolean;
+}
+export interface SessionSnap {
+    createdAt: Date;
+    session: {
+        name: string;
+        id: string;
+        views?: {
+            tracks?: unknown[];
+        }[];
+        [key: string]: unknown;
+    };
 }
 export interface SessionModel extends AbstractSessionModel {
-    savedSessions: SessionSnap[];
+    savedSessionMetadata?: SessionMetadata[];
     removeSavedSession: (arg: SessionSnap) => void;
     activateSession: (arg: string) => void;
     loadAutosaveSession: () => void;

package/dist/SessionManager/index.d.ts

@@ -1,5 +1,7 @@
+import type PluginManager from '@jbrowse/core/PluginManager';
 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>;
+export default function SessionManagerF(pluginManager: PluginManager): void;