@jbrowse/plugin-menus 2.17.0 → 3.0.0

package/esm/SessionManager/index.js

@@ -1,4 +1,6 @@
+import { lazy } from 'react';
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
+import { WidgetType } from '@jbrowse/core/pluggableElementTypes';
 import { ElementId } from '@jbrowse/core/util/types/mst';
 import { types } from 'mobx-state-tree';
 export const configSchema = ConfigurationSchema('SessionManager', {});
@@ -6,3 +8,14 @@ export const stateModel = types.model('SessionManager', {
     id: ElementId,
     type: types.literal('SessionManager'),
 });
+export default function SessionManagerF(pluginManager) {
+    pluginManager.addWidgetType(() => {
+        return new WidgetType({
+            name: 'SessionManager',
+            heading: 'Recent sessions',
+            configSchema,
+            stateModel,
+            ReactComponent: lazy(() => import('./components/SessionManager')),
+        });
+    });
+}

package/esm/index.d.ts

@@ -1,5 +1,5 @@
 import Plugin from '@jbrowse/core/Plugin';
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default class MenusPlugin extends Plugin {
     name: string;
     install(pluginManager: PluginManager): void;

package/esm/index.js

@@ -1,55 +1,21 @@
-import { lazy } from 'react';
-import WidgetType from '@jbrowse/core/pluggableElementTypes/WidgetType';
 import Plugin from '@jbrowse/core/Plugin';
 import { isAbstractMenuManager } from '@jbrowse/core/util';
 import HelpIcon from '@mui/icons-material/Help';
 import InfoIcon from '@mui/icons-material/Info';
-import { configSchema as aboutConfigSchema, stateModel as aboutStateModel, } from './AboutWidget';
-import { configSchema as helpConfigSchema, stateModel as helpStateModel, } from './HelpWidget';
-import { configSchema as importSessionConfigSchema, stateModel as importSessionStateModel, } from './ImportSessionWidget';
-import { configSchema as sessionManagerConfigSchema, stateModel as sessionManagerStateModel, } from './SessionManager';
+import AboutWidgetF from './AboutWidget';
+import HelpWidgetF from './HelpWidget';
+import ImportSessionWidgetF from './ImportSessionWidget';
+import SessionManagerF from './SessionManager';
 export default class MenusPlugin extends Plugin {
     constructor() {
         super(...arguments);
         this.name = 'MenusPlugin';
     }
     install(pluginManager) {
-        pluginManager.addWidgetType(() => {
-            return new WidgetType({
-                name: 'AboutWidget',
-                heading: 'About',
-                configSchema: aboutConfigSchema,
-                stateModel: aboutStateModel,
-                ReactComponent: lazy(() => import('./AboutWidget/components/AboutWidget')),
-            });
-        });
-        pluginManager.addWidgetType(() => {
-            return new WidgetType({
-                name: 'HelpWidget',
-                heading: 'Help',
-                configSchema: helpConfigSchema,
-                stateModel: helpStateModel,
-                ReactComponent: lazy(() => import('./HelpWidget/components/HelpWidget')),
-            });
-        });
-        pluginManager.addWidgetType(() => {
-            return new WidgetType({
-                name: 'ImportSessionWidget',
-                heading: 'Import session',
-                configSchema: importSessionConfigSchema,
-                stateModel: importSessionStateModel,
-                ReactComponent: lazy(() => import('./ImportSessionWidget/components/ImportSessionWidget')),
-            });
-        });
-        pluginManager.addWidgetType(() => {
-            return new WidgetType({
-                name: 'SessionManager',
-                heading: 'Sessions',
-                configSchema: sessionManagerConfigSchema,
-                stateModel: sessionManagerStateModel,
-                ReactComponent: lazy(() => import('./SessionManager/components/SessionManager')),
-            });
-        });
+        AboutWidgetF(pluginManager);
+        HelpWidgetF(pluginManager);
+        ImportSessionWidgetF(pluginManager);
+        SessionManagerF(pluginManager);
     }
     configure(pluginManager) {
         if (isAbstractMenuManager(pluginManager.rootModel)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-menus",
-  "version": "2.17.0",
+  "version": "3.0.0",
   "description": "JBrowse 2 basic menus",
   "keywords": [
     "jbrowse",
@@ -37,6 +37,7 @@
   },
   "dependencies": {
     "@mui/icons-material": "^6.0.0",
+    "date-fns": "^4.1.0",
     "pluralize": "^8.0.0",
     "react-dropzone": "^14.2.1"
   },
@@ -56,5 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "eed30b5e671f8f7823652d7cecc51aa89226de46"
+  "gitHead": "2c6897f1fa732b1db5b094d1dca197e333e95319"
 }

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { SessionModel } from './util';
-declare const AutosaveSessionsList: ({ session, }: {
-    session: SessionModel;
-}) => React.JSX.Element | null;
-export default AutosaveSessionsList;

package/dist/SessionManager/components/AutosavedSessionsList.js

@@ -1,25 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const mobx_react_1 = require("mobx-react");
-const SessionListItem_1 = __importDefault(require("./SessionListItem"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    root: {
-        margin: theme.spacing(1),
-    },
-}));
-const AutosaveSessionsList = (0, mobx_react_1.observer)(function ({ session, }) {
-    const { classes } = useStyles();
-    const autosavedSession = JSON.parse(localStorage.getItem(session.previousAutosaveId) || '{}').session;
-    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(SessionListItem_1.default, { session: session, sessionSnapshot: autosavedSession, onClick: () => {
-                    session.loadAutosaveSession();
-                } })))) : null;
-});
-exports.default = AutosaveSessionsList;

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

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

package/dist/SessionManager/components/DeleteSavedSessionDialog.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = DeleteSavedSessionDialog;
-const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-const ui_1 = require("@jbrowse/core/ui");
-function DeleteSavedSessionDialog({ open, sessionNameToDelete, handleClose, }) {
-    return (react_1.default.createElement(ui_1.Dialog, { open: open, title: `Delete session "${sessionNameToDelete}"?` },
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(material_1.DialogContentText, null, "This action cannot be undone")),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { onClick: () => {
-                    handleClose();
-                }, color: "primary" }, "Cancel"),
-            react_1.default.createElement(material_1.Button, { onClick: () => {
-                    handleClose(true);
-                }, color: "primary", autoFocus: true }, "Delete"))));
-}

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { SessionModel } from './util';
-declare const RegularSavedSessionsList: ({ session, }: {
-    session: SessionModel;
-}) => React.JSX.Element;
-export default RegularSavedSessionsList;

package/dist/SessionManager/components/RegularSavedSessionsList.js

@@ -1,67 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const mobx_react_1 = require("mobx-react");
-// icons
-const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-const DeleteSavedSessionDialog_1 = __importDefault(require("./DeleteSavedSessionDialog"));
-const SessionListItem_1 = __importDefault(require("./SessionListItem"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    root: {
-        margin: theme.spacing(1),
-    },
-    message: {
-        padding: theme.spacing(3),
-    },
-}));
-const RegularSavedSessionsList = (0, mobx_react_1.observer)(function ({ session, }) {
-    const { classes } = useStyles();
-    const [sessionIndexToDelete, setSessionIndexToDelete] = (0, react_1.useState)();
-    function handleDialogClose(deleteSession = false) {
-        if (deleteSession && sessionIndexToDelete !== undefined) {
-            session.removeSavedSession(session.savedSessions[sessionIndexToDelete]);
-        }
-        setSessionIndexToDelete(undefined);
-    }
-    const sessionNameToDelete = sessionIndexToDelete !== undefined
-        ? session.savedSessions[sessionIndexToDelete].name
-        : '';
-    return (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) => (react_1.default.createElement(SessionListItem_1.default, { onClick: () => {
-                session.activateSession(sessionSnapshot.name);
-            }, sessionSnapshot: sessionSnapshot, session: session, key: sessionSnapshot.name, secondaryAction: react_1.default.createElement(material_1.IconButton, { edge: "end", disabled: session.name === sessionSnapshot.name, onClick: () => {
-                    setSessionIndexToDelete(idx);
-                } },
-                react_1.default.createElement(Delete_1.default, null)) })))) : (react_1.default.createElement(material_1.Typography, { className: classes.message }, "No saved sessions found"))),
-        sessionNameToDelete ? (react_1.default.createElement(react_1.default.Suspense, { fallback: null },
-            react_1.default.createElement(DeleteSavedSessionDialog_1.default, { open: true, sessionNameToDelete: sessionNameToDelete, handleClose: handleDialogClose }))) : null));
-});
-exports.default = RegularSavedSessionsList;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import { AbstractSessionModel } from '@jbrowse/core/util';
-import { SessionSnap } from './util';
-declare const SessionListItem: ({ session, sessionSnapshot, onClick, secondaryAction, }: {
-    sessionSnapshot: SessionSnap;
-    session: AbstractSessionModel;
-    onClick: () => void;
-    secondaryAction?: React.ReactNode;
-}) => React.JSX.Element;
-export default SessionListItem;

package/dist/SessionManager/components/SessionListItem.js

@@ -1,25 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const pluralize_1 = __importDefault(require("pluralize"));
-// icons
-const ViewList_1 = __importDefault(require("@mui/icons-material/ViewList"));
-const util_1 = require("@jbrowse/core/util");
-const SessionListItem = (0, mobx_react_1.observer)(function ({ session, sessionSnapshot, onClick, secondaryAction, }) {
-    const { views = [] } = sessionSnapshot;
-    const totalTracks = (0, util_1.sum)(views.map(view => { var _a, _b; return (_b = (_a = view.tracks) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0; }));
-    const n = views.length;
-    return (react_1.default.createElement(material_1.ListItem, { secondaryAction: secondaryAction },
-        react_1.default.createElement(material_1.ListItemButton, { onClick: onClick },
-            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'
-                    : `${n} ${(0, pluralize_1.default)('view', n)}; ${totalTracks} open ${(0, pluralize_1.default)('track', totalTracks)}` }))));
-});
-exports.default = SessionListItem;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { SessionModel } from './util';
-declare const AutosaveSessionsList: ({ session, }: {
-    session: SessionModel;
-}) => React.JSX.Element | null;
-export default AutosaveSessionsList;

package/esm/SessionManager/components/AutosavedSessionsList.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { List, ListSubheader, Paper } from '@mui/material';
-import { makeStyles } from 'tss-react/mui';
-import { observer } from 'mobx-react';
-import SessionListItem from './SessionListItem';
-const useStyles = makeStyles()(theme => ({
-    root: {
-        margin: theme.spacing(1),
-    },
-}));
-const AutosaveSessionsList = observer(function ({ session, }) {
-    const { classes } = useStyles();
-    const autosavedSession = JSON.parse(localStorage.getItem(session.previousAutosaveId) || '{}').session;
-    return autosavedSession ? (React.createElement(Paper, { className: classes.root },
-        React.createElement(List, { subheader: React.createElement(ListSubheader, null, "Previous autosaved entry") },
-            React.createElement(SessionListItem, { session: session, sessionSnapshot: autosavedSession, onClick: () => {
-                    session.loadAutosaveSession();
-                } })))) : null;
-});
-export default AutosaveSessionsList;

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

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

package/esm/SessionManager/components/DeleteSavedSessionDialog.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Button, DialogActions, DialogContent, DialogContentText, } from '@mui/material';
-import { Dialog } from '@jbrowse/core/ui';
-export default function DeleteSavedSessionDialog({ open, sessionNameToDelete, handleClose, }) {
-    return (React.createElement(Dialog, { open: open, title: `Delete session "${sessionNameToDelete}"?` },
-        React.createElement(DialogContent, null,
-            React.createElement(DialogContentText, null, "This action cannot be undone")),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { onClick: () => {
-                    handleClose();
-                }, color: "primary" }, "Cancel"),
-            React.createElement(Button, { onClick: () => {
-                    handleClose(true);
-                }, color: "primary", autoFocus: true }, "Delete"))));
-}

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { SessionModel } from './util';
-declare const RegularSavedSessionsList: ({ session, }: {
-    session: SessionModel;
-}) => React.JSX.Element;
-export default RegularSavedSessionsList;

package/esm/SessionManager/components/RegularSavedSessionsList.js

@@ -1,39 +0,0 @@
-import React, { useState } from 'react';
-import { IconButton, List, ListSubheader, Paper, Typography, } from '@mui/material';
-import { makeStyles } from 'tss-react/mui';
-import { observer } from 'mobx-react';
-// icons
-import DeleteIcon from '@mui/icons-material/Delete';
-import DeleteSavedSessionDialog from './DeleteSavedSessionDialog';
-import SessionListItem from './SessionListItem';
-const useStyles = makeStyles()(theme => ({
-    root: {
-        margin: theme.spacing(1),
-    },
-    message: {
-        padding: theme.spacing(3),
-    },
-}));
-const RegularSavedSessionsList = observer(function ({ session, }) {
-    const { classes } = useStyles();
-    const [sessionIndexToDelete, setSessionIndexToDelete] = useState();
-    function handleDialogClose(deleteSession = false) {
-        if (deleteSession && sessionIndexToDelete !== undefined) {
-            session.removeSavedSession(session.savedSessions[sessionIndexToDelete]);
-        }
-        setSessionIndexToDelete(undefined);
-    }
-    const sessionNameToDelete = sessionIndexToDelete !== undefined
-        ? session.savedSessions[sessionIndexToDelete].name
-        : '';
-    return (React.createElement(Paper, { className: classes.root },
-        React.createElement(List, { subheader: React.createElement(ListSubheader, null, "Saved sessions") }, session.savedSessions.length ? (session.savedSessions.map((sessionSnapshot, idx) => (React.createElement(SessionListItem, { onClick: () => {
-                session.activateSession(sessionSnapshot.name);
-            }, sessionSnapshot: sessionSnapshot, session: session, key: sessionSnapshot.name, secondaryAction: React.createElement(IconButton, { edge: "end", disabled: session.name === sessionSnapshot.name, onClick: () => {
-                    setSessionIndexToDelete(idx);
-                } },
-                React.createElement(DeleteIcon, null)) })))) : (React.createElement(Typography, { className: classes.message }, "No saved sessions found"))),
-        sessionNameToDelete ? (React.createElement(React.Suspense, { fallback: null },
-            React.createElement(DeleteSavedSessionDialog, { open: true, sessionNameToDelete: sessionNameToDelete, handleClose: handleDialogClose }))) : null));
-});
-export default RegularSavedSessionsList;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import { AbstractSessionModel } from '@jbrowse/core/util';
-import { SessionSnap } from './util';
-declare const SessionListItem: ({ session, sessionSnapshot, onClick, secondaryAction, }: {
-    sessionSnapshot: SessionSnap;
-    session: AbstractSessionModel;
-    onClick: () => void;
-    secondaryAction?: React.ReactNode;
-}) => React.JSX.Element;
-export default SessionListItem;

package/esm/SessionManager/components/SessionListItem.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import { ListItem, ListItemButton, ListItemIcon, ListItemText, } from '@mui/material';
-import { observer } from 'mobx-react';
-import pluralize from 'pluralize';
-// icons
-import ViewListIcon from '@mui/icons-material/ViewList';
-import { sum } from '@jbrowse/core/util';
-const SessionListItem = observer(function ({ session, sessionSnapshot, onClick, secondaryAction, }) {
-    const { views = [] } = sessionSnapshot;
-    const totalTracks = sum(views.map(view => { var _a, _b; return (_b = (_a = view.tracks) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0; }));
-    const n = views.length;
-    return (React.createElement(ListItem, { secondaryAction: secondaryAction },
-        React.createElement(ListItemButton, { onClick: onClick },
-            React.createElement(ListItemIcon, null,
-                React.createElement(ViewListIcon, null)),
-            React.createElement(ListItemText, { primary: sessionSnapshot.name, secondary: session.name === sessionSnapshot.name
-                    ? 'Currently open'
-                    : `${n} ${pluralize('view', n)}; ${totalTracks} open ${pluralize('track', totalTracks)}` }))));
-});
-export default SessionListItem;