@jbrowse/embedded-core 2.17.0 → 3.0.0

package/dist/ui/EmbeddedViewContainer.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { IBaseViewModel } from '@jbrowse/core/pluggableElementTypes/models/BaseViewModel';
+import type { IBaseViewModel } from '@jbrowse/core/pluggableElementTypes/models/BaseViewModel';
 declare const ViewContainerWrapper: ({ view, children, }: {
     view: IBaseViewModel;
     children: React.ReactNode;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ViewContainerWrapper;

package/dist/ui/EmbeddedViewContainer.js

@@ -1,40 +1,16 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
 const mobx_react_1 = require("mobx-react");
-const util_1 = require("@jbrowse/core/util");
+const mui_1 = require("tss-react/mui");
 const ViewTitle_1 = __importDefault(require("./ViewTitle"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    // avoid parent styles getting into this div
-    // https://css-tricks.com/almanac/properties/a/all/
     avoidParentStyle: {
         all: 'initial',
     },
@@ -50,16 +26,10 @@ const ViewContainer = (0, mobx_react_1.observer)(function ({ view, children, })
     const session = (0, util_1.getSession)(view);
     const theme = (0, material_1.useTheme)();
     const ref = (0, util_1.useWidthSetter)(view, theme.spacing(1));
-    return (react_1.default.createElement(material_1.Paper, { elevation: 12, ref: ref, className: classes.viewContainer },
-        session.DialogComponent ? (react_1.default.createElement(react_1.Suspense, { fallback: null },
-            react_1.default.createElement(session.DialogComponent, { ...session.DialogProps }))) : null,
-        react_1.default.createElement(ViewTitle_1.default, { view: view }),
-        react_1.default.createElement(material_1.Paper, null, children)));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { elevation: 12, ref: ref, className: classes.viewContainer, children: [session.DialogComponent ? ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(session.DialogComponent, { ...session.DialogProps }) })) : null, (0, jsx_runtime_1.jsx)(ViewTitle_1.default, { view: view }), (0, jsx_runtime_1.jsx)(material_1.Paper, { children: children })] }));
 });
 const ViewContainerWrapper = (0, mobx_react_1.observer)(function ({ view, children, }) {
     const { classes } = useStyles();
-    return (react_1.default.createElement("div", { className: classes.avoidParentStyle },
-        react_1.default.createElement(material_1.ScopedCssBaseline, null,
-            react_1.default.createElement(ViewContainer, { view: view }, children))));
+    return ((0, jsx_runtime_1.jsx)("div", { className: classes.avoidParentStyle, children: (0, jsx_runtime_1.jsx)(material_1.ScopedCssBaseline, { children: (0, jsx_runtime_1.jsx)(ViewContainer, { view: view, children: children }) }) }));
 });
 exports.default = ViewContainerWrapper;

package/dist/ui/ModalWidget.d.ts

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

package/dist/ui/ModalWidget.js

@@ -1,34 +1,12 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
-const mui_1 = require("tss-react/mui");
+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)()({
     paper: {
         overflow: 'auto',
@@ -46,15 +24,11 @@ const ModalWidget = (0, mobx_react_1.observer)(function ({ session, }) {
         session,
         model: visibleWidget,
     });
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: () => {
+    return ((0, jsx_runtime_1.jsx)(ui_1.Dialog, { open: true, onClose: () => {
             session.hideAllWidgets();
-        }, maxWidth: "xl", header: react_1.default.createElement(material_1.AppBar, { position: "static" },
-            react_1.default.createElement(material_1.Toolbar, null, HeadingComponent ? (react_1.default.createElement(HeadingComponent, { model: visibleWidget })) : (react_1.default.createElement(material_1.Typography, { variant: "h6" }, heading)))) },
-        react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement("div", null, "Loading...") },
-            react_1.default.createElement(material_1.Paper, { className: classes.paper },
-                react_1.default.createElement(Component, { model: visibleWidget, session: session, overrideDimensions: {
+        }, maxWidth: "xl", header: (0, jsx_runtime_1.jsx)(material_1.AppBar, { position: "static", children: (0, jsx_runtime_1.jsx)(material_1.Toolbar, { children: HeadingComponent ? ((0, jsx_runtime_1.jsx)(HeadingComponent, { model: visibleWidget })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", children: heading })) }) }), children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)("div", { children: "Loading..." }), children: (0, jsx_runtime_1.jsx)(material_1.Paper, { className: classes.paper, children: (0, jsx_runtime_1.jsx)(Component, { model: visibleWidget, session: session, overrideDimensions: {
                         height: (window.innerHeight * 5) / 8,
                         width: 800,
-                    } })))));
+                    } }) }) }) }));
 });
 exports.default = ModalWidget;

package/dist/ui/VersionAboutDialog.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 export default function AboutDialog({ open, version, onClose, }: {
     open: boolean;
     version: string;
     onClose: () => void;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ui/VersionAboutDialog.js

@@ -1,12 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = AboutDialog;
-const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const ui_1 = require("@jbrowse/core/ui");
+const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()({
     content: {
@@ -15,17 +12,5 @@ const useStyles = (0, mui_1.makeStyles)()({
 });
 function AboutDialog({ open, version, onClose, }) {
     const { classes } = useStyles();
-    return (react_1.default.createElement(ui_1.Dialog, { open: open, onClose: onClose, maxWidth: "xl", title: `JBrowse v${version}` },
-        react_1.default.createElement(material_1.DialogContent, { className: classes.content },
-            react_1.default.createElement(material_1.Typography, null, "JBrowse is a GMOD project \u00A9 2019-2021, The Evolutionary Software Foundation"),
-            react_1.default.createElement(material_1.Typography, null, "Here are some resources and documentation. 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.jsx)(ui_1.Dialog, { open: open, onClose: onClose, maxWidth: "xl", title: `JBrowse v${version}`, children: (0, jsx_runtime_1.jsxs)(material_1.DialogContent, { className: classes.content, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "JBrowse is a GMOD project \u00A9 2019-2021, The Evolutionary Software Foundation" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Here are some resources and documentation. 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" }) })] })] }) }));
 }

package/dist/ui/ViewMenu.d.ts

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

package/dist/ui/ViewMenu.js

@@ -3,22 +3,19 @@ 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 Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
-const mobx_react_1 = require("mobx-react");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const ui_1 = require("@jbrowse/core/ui");
+const Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
+const material_1 = require("@mui/material");
 const hooks_1 = require("material-ui-popup-state/hooks");
+const mobx_react_1 = require("mobx-react");
 const ViewMenu = (0, mobx_react_1.observer)(function ({ model, IconButtonProps, IconProps, }) {
     const popupState = (0, hooks_1.usePopupState)({
         popupId: 'viewMenu',
         variant: 'popover',
     });
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.IconButton, { ...IconButtonProps, ...(0, hooks_1.bindTrigger)(popupState), "data-testid": "view_menu_icon" },
-            react_1.default.createElement(Menu_1.default, { ...IconProps })),
-        react_1.default.createElement(ui_1.CascadingMenu, { ...(0, hooks_1.bindPopover)(popupState), onMenuItemClick: (_event, callback) => {
-                callback();
-            }, menuItems: model.menuItems(), popupState: popupState })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { ...IconButtonProps, ...(0, hooks_1.bindTrigger)(popupState), "data-testid": "view_menu_icon", children: (0, jsx_runtime_1.jsx)(Menu_1.default, { ...IconProps }) }), (0, jsx_runtime_1.jsx)(ui_1.CascadingMenu, { ...(0, hooks_1.bindPopover)(popupState), onMenuItemClick: (_event, callback) => {
+                    callback();
+                }, menuItems: model.menuItems(), popupState: popupState })] }));
 });
 exports.default = ViewMenu;

package/dist/ui/ViewTitle.d.ts

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

package/dist/ui/ViewTitle.js

@@ -15,24 +15,34 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ui_1 = require("@jbrowse/core/ui");
+const util_1 = require("@jbrowse/core/util");
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
-const ui_1 = require("@jbrowse/core/ui");
 const mui_1 = require("tss-react/mui");
-const util_1 = require("@jbrowse/core/util");
-// locals
 const ViewMenu_1 = __importDefault(require("./ViewMenu"));
 const VersionAboutDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./VersionAboutDialog'))));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
@@ -63,22 +73,13 @@ const ViewTitle = (0, mobx_react_1.observer)(({ view }) => {
     const { displayName } = view;
     const [dialogOpen, setDialogOpen] = (0, react_1.useState)(false);
     const session = (0, util_1.getSession)(view);
-    return (react_1.default.createElement("div", { className: classes.container },
-        react_1.default.createElement(ViewMenu_1.default, { model: view, IconButtonProps: {
-                classes: { root: classes.iconRoot },
-                edge: 'start',
-            }, IconProps: { className: classes.icon } }),
-        react_1.default.createElement("div", { className: classes.grow }),
-        displayName ? (react_1.default.createElement(material_1.Typography, { variant: "body2", className: classes.displayName }, displayName)) : null,
-        react_1.default.createElement("div", { className: classes.grow }),
-        react_1.default.createElement(material_1.IconButton, { onClick: () => {
-                setDialogOpen(true);
-            } },
-            react_1.default.createElement("div", { style: { width: 22, height: 22 } },
-                react_1.default.createElement(ui_1.Logomark, { variant: "white" }))),
-        dialogOpen ? (react_1.default.createElement(react_1.Suspense, { fallback: null },
-            react_1.default.createElement(VersionAboutDialog, { open: true, onClose: () => {
-                    setDialogOpen(false);
-                }, version: session.version }))) : null));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.container, children: [(0, jsx_runtime_1.jsx)(ViewMenu_1.default, { model: view, IconButtonProps: {
+                    classes: { root: classes.iconRoot },
+                    edge: 'start',
+                }, IconProps: { className: classes.icon } }), (0, jsx_runtime_1.jsx)("div", { className: classes.grow }), displayName ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", className: classes.displayName, children: displayName })) : null, (0, jsx_runtime_1.jsx)("div", { className: classes.grow }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
+                    setDialogOpen(true);
+                }, children: (0, jsx_runtime_1.jsx)("div", { style: { width: 22, height: 22 }, children: (0, jsx_runtime_1.jsx)(ui_1.Logomark, { variant: "white" }) }) }), dialogOpen ? ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(VersionAboutDialog, { open: true, onClose: () => {
+                        setDialogOpen(false);
+                    }, version: session.version }) })) : null] }));
 });
 exports.default = ViewTitle;

package/esm/ui/EmbeddedViewContainer.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { IBaseViewModel } from '@jbrowse/core/pluggableElementTypes/models/BaseViewModel';
+import type { IBaseViewModel } from '@jbrowse/core/pluggableElementTypes/models/BaseViewModel';
 declare const ViewContainerWrapper: ({ view, children, }: {
     view: IBaseViewModel;
     children: React.ReactNode;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ViewContainerWrapper;

package/esm/ui/EmbeddedViewContainer.js

@@ -1,12 +1,11 @@
-import React, { Suspense } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Suspense } from 'react';
+import { getSession, useWidthSetter } from '@jbrowse/core/util';
 import { Paper, ScopedCssBaseline, useTheme } from '@mui/material';
-import { makeStyles } from 'tss-react/mui';
 import { observer } from 'mobx-react';
-import { getSession, useWidthSetter } from '@jbrowse/core/util';
+import { makeStyles } from 'tss-react/mui';
 import ViewTitle from './ViewTitle';
 const useStyles = makeStyles()(theme => ({
-    // avoid parent styles getting into this div
-    // https://css-tricks.com/almanac/properties/a/all/
     avoidParentStyle: {
         all: 'initial',
     },
@@ -22,16 +21,10 @@ const ViewContainer = observer(function ({ view, children, }) {
     const session = getSession(view);
     const theme = useTheme();
     const ref = useWidthSetter(view, theme.spacing(1));
-    return (React.createElement(Paper, { elevation: 12, ref: ref, className: classes.viewContainer },
-        session.DialogComponent ? (React.createElement(Suspense, { fallback: null },
-            React.createElement(session.DialogComponent, { ...session.DialogProps }))) : null,
-        React.createElement(ViewTitle, { view: view }),
-        React.createElement(Paper, null, children)));
+    return (_jsxs(Paper, { elevation: 12, ref: ref, className: classes.viewContainer, children: [session.DialogComponent ? (_jsx(Suspense, { fallback: null, children: _jsx(session.DialogComponent, { ...session.DialogProps }) })) : null, _jsx(ViewTitle, { view: view }), _jsx(Paper, { children: children })] }));
 });
 const ViewContainerWrapper = observer(function ({ view, children, }) {
     const { classes } = useStyles();
-    return (React.createElement("div", { className: classes.avoidParentStyle },
-        React.createElement(ScopedCssBaseline, null,
-            React.createElement(ViewContainer, { view: view }, children))));
+    return (_jsx("div", { className: classes.avoidParentStyle, children: _jsx(ScopedCssBaseline, { children: _jsx(ViewContainer, { view: view, children: children }) }) }));
 });
 export default ViewContainerWrapper;

package/esm/ui/ModalWidget.d.ts

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

package/esm/ui/ModalWidget.js

@@ -1,9 +1,10 @@
-import React, { Suspense } from 'react';
-import { AppBar, Paper, Toolbar, Typography } from '@mui/material';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Suspense } from 'react';
 import { Dialog } from '@jbrowse/core/ui';
-import { makeStyles } from 'tss-react/mui';
+import { AppBar, Paper, Toolbar, Typography } from '@mui/material';
 import { observer } from 'mobx-react';
 import { getEnv } from 'mobx-state-tree';
+import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()({
     paper: {
         overflow: 'auto',
@@ -21,15 +22,11 @@ const ModalWidget = observer(function ({ session, }) {
         session,
         model: visibleWidget,
     });
-    return (React.createElement(Dialog, { open: true, onClose: () => {
+    return (_jsx(Dialog, { open: true, onClose: () => {
             session.hideAllWidgets();
-        }, maxWidth: "xl", header: React.createElement(AppBar, { position: "static" },
-            React.createElement(Toolbar, null, HeadingComponent ? (React.createElement(HeadingComponent, { model: visibleWidget })) : (React.createElement(Typography, { variant: "h6" }, heading)))) },
-        React.createElement(Suspense, { fallback: React.createElement("div", null, "Loading...") },
-            React.createElement(Paper, { className: classes.paper },
-                React.createElement(Component, { model: visibleWidget, session: session, overrideDimensions: {
+        }, maxWidth: "xl", header: _jsx(AppBar, { position: "static", children: _jsx(Toolbar, { children: HeadingComponent ? (_jsx(HeadingComponent, { model: visibleWidget })) : (_jsx(Typography, { variant: "h6", children: heading })) }) }), children: _jsx(Suspense, { fallback: _jsx("div", { children: "Loading..." }), children: _jsx(Paper, { className: classes.paper, children: _jsx(Component, { model: visibleWidget, session: session, overrideDimensions: {
                         height: (window.innerHeight * 5) / 8,
                         width: 800,
-                    } })))));
+                    } }) }) }) }));
 });
 export default ModalWidget;

package/esm/ui/VersionAboutDialog.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 export default function AboutDialog({ open, version, onClose, }: {
     open: boolean;
     version: string;
     onClose: () => void;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/esm/ui/VersionAboutDialog.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import { DialogContent, Link, Typography } from '@mui/material';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog } from '@jbrowse/core/ui';
+import { DialogContent, Link, Typography } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()({
     content: {
@@ -9,17 +9,5 @@ const useStyles = makeStyles()({
 });
 export default function AboutDialog({ open, version, onClose, }) {
     const { classes } = useStyles();
-    return (React.createElement(Dialog, { open: open, onClose: onClose, maxWidth: "xl", title: `JBrowse v${version}` },
-        React.createElement(DialogContent, { className: classes.content },
-            React.createElement(Typography, null, "JBrowse is a GMOD project \u00A9 2019-2021, The Evolutionary Software Foundation"),
-            React.createElement(Typography, null, "Here are some resources and documentation. 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"))))));
+    return (_jsx(Dialog, { open: open, onClose: onClose, maxWidth: "xl", title: `JBrowse v${version}`, children: _jsxs(DialogContent, { className: classes.content, children: [_jsx(Typography, { children: "JBrowse is a GMOD project \u00A9 2019-2021, The Evolutionary Software Foundation" }), _jsx(Typography, { children: "Here are some resources and documentation. Please report the version number above when asking questions. Thanks!" }), _jsxs("ul", { children: [_jsx("li", { children: _jsx(Link, { href: "https://github.com/GMOD/jbrowse-components/discussions", target: "_blank", rel: "noopener noreferrer", children: "Question & answer forum" }) }), _jsx("li", { children: _jsx(Link, { href: "https://github.com/GMOD/jbrowse-components/issues/new/choose", target: "_blank", rel: "noopener noreferrer", children: "Report a bug" }) }), _jsx("li", { children: _jsx(Link, { href: "https://jbrowse.org/jb2/docs/user_guide", target: "_blank", rel: "noopener noreferrer", children: "User guide" }) }), _jsx("li", { children: _jsx(Link, { href: "https://jbrowse.org/jb2/docs/", target: "_blank", rel: "noopener noreferrer", children: "Documentation" }) })] })] }) }));
 }

package/esm/ui/ViewMenu.d.ts

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

package/esm/ui/ViewMenu.js

@@ -1,19 +1,16 @@
-import React from 'react';
-import { IconButton, } from '@mui/material';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { CascadingMenu } from '@jbrowse/core/ui';
 import MenuIcon from '@mui/icons-material/Menu';
+import { IconButton } from '@mui/material';
+import { bindPopover, bindTrigger, usePopupState, } from 'material-ui-popup-state/hooks';
 import { observer } from 'mobx-react';
-import { CascadingMenu } from '@jbrowse/core/ui';
-import { bindTrigger, bindPopover, usePopupState, } from 'material-ui-popup-state/hooks';
 const ViewMenu = observer(function ({ model, IconButtonProps, IconProps, }) {
     const popupState = usePopupState({
         popupId: 'viewMenu',
         variant: 'popover',
     });
-    return (React.createElement(React.Fragment, null,
-        React.createElement(IconButton, { ...IconButtonProps, ...bindTrigger(popupState), "data-testid": "view_menu_icon" },
-            React.createElement(MenuIcon, { ...IconProps })),
-        React.createElement(CascadingMenu, { ...bindPopover(popupState), onMenuItemClick: (_event, callback) => {
-                callback();
-            }, menuItems: model.menuItems(), popupState: popupState })));
+    return (_jsxs(_Fragment, { children: [_jsx(IconButton, { ...IconButtonProps, ...bindTrigger(popupState), "data-testid": "view_menu_icon", children: _jsx(MenuIcon, { ...IconProps }) }), _jsx(CascadingMenu, { ...bindPopover(popupState), onMenuItemClick: (_event, callback) => {
+                    callback();
+                }, menuItems: model.menuItems(), popupState: popupState })] }));
 });
 export default ViewMenu;

package/esm/ui/ViewTitle.d.ts

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

package/esm/ui/ViewTitle.js

@@ -1,10 +1,10 @@
-import React, { Suspense, lazy, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Suspense, lazy, useState } from 'react';
+import { Logomark } from '@jbrowse/core/ui';
+import { getSession } from '@jbrowse/core/util';
 import { IconButton, Typography, alpha } from '@mui/material';
 import { observer } from 'mobx-react';
-import { Logomark } from '@jbrowse/core/ui';
 import { makeStyles } from 'tss-react/mui';
-import { getSession } from '@jbrowse/core/util';
-// locals
 import ViewMenu from './ViewMenu';
 const VersionAboutDialog = lazy(() => import('./VersionAboutDialog'));
 const useStyles = makeStyles()(theme => ({
@@ -35,22 +35,13 @@ const ViewTitle = observer(({ view }) => {
     const { displayName } = view;
     const [dialogOpen, setDialogOpen] = useState(false);
     const session = getSession(view);
-    return (React.createElement("div", { className: classes.container },
-        React.createElement(ViewMenu, { model: view, IconButtonProps: {
-                classes: { root: classes.iconRoot },
-                edge: 'start',
-            }, IconProps: { className: classes.icon } }),
-        React.createElement("div", { className: classes.grow }),
-        displayName ? (React.createElement(Typography, { variant: "body2", className: classes.displayName }, displayName)) : null,
-        React.createElement("div", { className: classes.grow }),
-        React.createElement(IconButton, { onClick: () => {
-                setDialogOpen(true);
-            } },
-            React.createElement("div", { style: { width: 22, height: 22 } },
-                React.createElement(Logomark, { variant: "white" }))),
-        dialogOpen ? (React.createElement(Suspense, { fallback: null },
-            React.createElement(VersionAboutDialog, { open: true, onClose: () => {
-                    setDialogOpen(false);
-                }, version: session.version }))) : null));
+    return (_jsxs("div", { className: classes.container, children: [_jsx(ViewMenu, { model: view, IconButtonProps: {
+                    classes: { root: classes.iconRoot },
+                    edge: 'start',
+                }, IconProps: { className: classes.icon } }), _jsx("div", { className: classes.grow }), displayName ? (_jsx(Typography, { variant: "body2", className: classes.displayName, children: displayName })) : null, _jsx("div", { className: classes.grow }), _jsx(IconButton, { onClick: () => {
+                    setDialogOpen(true);
+                }, children: _jsx("div", { style: { width: 22, height: 22 }, children: _jsx(Logomark, { variant: "white" }) }) }), dialogOpen ? (_jsx(Suspense, { fallback: null, children: _jsx(VersionAboutDialog, { open: true, onClose: () => {
+                        setDialogOpen(false);
+                    }, version: session.version }) })) : null] }));
 });
 export default ViewTitle;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/embedded-core",
-  "version": "2.17.0",
+  "version": "3.0.0",
   "description": "JBrowse 2 code shared between embedded products",
   "keywords": [
     "jbrowse",
@@ -42,8 +42,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.16.3",
-    "@jbrowse/core": "^2.17.0",
-    "@jbrowse/product-core": "^2.17.0",
+    "@jbrowse/core": "^3.0.0",
+    "@jbrowse/product-core": "^3.0.0",
     "@mui/icons-material": "^6.0.0",
     "@mui/material": "^6.0.0",
     "copy-to-clipboard": "^3.3.1"
@@ -60,5 +60,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "eed30b5e671f8f7823652d7cecc51aa89226de46"
+  "gitHead": "2c6897f1fa732b1db5b094d1dca197e333e95319"
 }