@jbrowse/embedded-core 2.10.1 → 2.10.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -51,7 +51,7 @@ const ViewContainer = (0, mobx_react_1.observer)(function ({ view, children, })
|
|
|
51
51
|
const theme = (0, material_1.useTheme)();
|
|
52
52
|
const ref = (0, util_1.useWidthSetter)(view, theme.spacing(1));
|
|
53
53
|
return (react_1.default.createElement(material_1.Paper, { elevation: 12, ref: ref, className: classes.viewContainer },
|
|
54
|
-
session.DialogComponent ? (react_1.default.createElement(react_1.Suspense, { fallback:
|
|
54
|
+
session.DialogComponent ? (react_1.default.createElement(react_1.Suspense, { fallback: null },
|
|
55
55
|
react_1.default.createElement(session.DialogComponent, { ...session.DialogProps }))) : null,
|
|
56
56
|
react_1.default.createElement(ViewTitle_1.default, { view: view }),
|
|
57
57
|
react_1.default.createElement(material_1.Paper, null, children)));
|
package/dist/ui/ViewTitle.js
CHANGED
|
@@ -61,7 +61,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
|
61
61
|
const ViewTitle = (0, mobx_react_1.observer)(({ view }) => {
|
|
62
62
|
const { classes } = useStyles();
|
|
63
63
|
const { displayName } = view;
|
|
64
|
-
const [
|
|
64
|
+
const [dialogOpen, setDialogOpen] = (0, react_1.useState)(false);
|
|
65
65
|
const session = (0, util_1.getSession)(view);
|
|
66
66
|
return (react_1.default.createElement("div", { className: classes.container },
|
|
67
67
|
react_1.default.createElement(ViewMenu_1.default, { model: view, IconButtonProps: {
|
|
@@ -71,10 +71,10 @@ const ViewTitle = (0, mobx_react_1.observer)(({ view }) => {
|
|
|
71
71
|
react_1.default.createElement("div", { className: classes.grow }),
|
|
72
72
|
displayName ? (react_1.default.createElement(material_1.Typography, { variant: "body2", className: classes.displayName }, displayName)) : null,
|
|
73
73
|
react_1.default.createElement("div", { className: classes.grow }),
|
|
74
|
-
react_1.default.createElement(material_1.IconButton, { onClick: () =>
|
|
74
|
+
react_1.default.createElement(material_1.IconButton, { onClick: () => setDialogOpen(true) },
|
|
75
75
|
react_1.default.createElement("div", { style: { width: 22, height: 22 } },
|
|
76
76
|
react_1.default.createElement(ui_1.Logomark, { variant: "white" }))),
|
|
77
|
-
|
|
78
|
-
react_1.default.createElement(VersionAboutDialog, { open: true, onClose: () =>
|
|
77
|
+
dialogOpen ? (react_1.default.createElement(react_1.Suspense, { fallback: null },
|
|
78
|
+
react_1.default.createElement(VersionAboutDialog, { open: true, onClose: () => setDialogOpen(false), version: session.version }))) : null));
|
|
79
79
|
});
|
|
80
80
|
exports.default = ViewTitle;
|
|
@@ -23,7 +23,7 @@ const ViewContainer = observer(function ({ view, children, }) {
|
|
|
23
23
|
const theme = useTheme();
|
|
24
24
|
const ref = useWidthSetter(view, theme.spacing(1));
|
|
25
25
|
return (React.createElement(Paper, { elevation: 12, ref: ref, className: classes.viewContainer },
|
|
26
|
-
session.DialogComponent ? (React.createElement(Suspense, { fallback:
|
|
26
|
+
session.DialogComponent ? (React.createElement(Suspense, { fallback: null },
|
|
27
27
|
React.createElement(session.DialogComponent, { ...session.DialogProps }))) : null,
|
|
28
28
|
React.createElement(ViewTitle, { view: view }),
|
|
29
29
|
React.createElement(Paper, null, children)));
|
package/esm/ui/ViewTitle.js
CHANGED
|
@@ -33,7 +33,7 @@ const useStyles = makeStyles()(theme => ({
|
|
|
33
33
|
const ViewTitle = observer(({ view }) => {
|
|
34
34
|
const { classes } = useStyles();
|
|
35
35
|
const { displayName } = view;
|
|
36
|
-
const [
|
|
36
|
+
const [dialogOpen, setDialogOpen] = useState(false);
|
|
37
37
|
const session = getSession(view);
|
|
38
38
|
return (React.createElement("div", { className: classes.container },
|
|
39
39
|
React.createElement(ViewMenu, { model: view, IconButtonProps: {
|
|
@@ -43,10 +43,10 @@ const ViewTitle = observer(({ view }) => {
|
|
|
43
43
|
React.createElement("div", { className: classes.grow }),
|
|
44
44
|
displayName ? (React.createElement(Typography, { variant: "body2", className: classes.displayName }, displayName)) : null,
|
|
45
45
|
React.createElement("div", { className: classes.grow }),
|
|
46
|
-
React.createElement(IconButton, { onClick: () =>
|
|
46
|
+
React.createElement(IconButton, { onClick: () => setDialogOpen(true) },
|
|
47
47
|
React.createElement("div", { style: { width: 22, height: 22 } },
|
|
48
48
|
React.createElement(Logomark, { variant: "white" }))),
|
|
49
|
-
|
|
50
|
-
React.createElement(VersionAboutDialog, { open: true, onClose: () =>
|
|
49
|
+
dialogOpen ? (React.createElement(Suspense, { fallback: null },
|
|
50
|
+
React.createElement(VersionAboutDialog, { open: true, onClose: () => setDialogOpen(false), version: session.version }))) : null));
|
|
51
51
|
});
|
|
52
52
|
export default ViewTitle;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jbrowse/embedded-core",
|
|
3
|
-
"version": "2.10.
|
|
3
|
+
"version": "2.10.2",
|
|
4
4
|
"description": "JBrowse 2 code shared between embedded products",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"jbrowse",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@babel/runtime": "^7.16.3",
|
|
45
|
-
"@jbrowse/product-core": "^2.10.
|
|
45
|
+
"@jbrowse/product-core": "^2.10.2",
|
|
46
46
|
"@mui/icons-material": "^5.0.0",
|
|
47
47
|
"@mui/material": "^5.10.17",
|
|
48
48
|
"copy-to-clipboard": "^3.3.1",
|
|
@@ -60,5 +60,5 @@
|
|
|
60
60
|
"publishConfig": {
|
|
61
61
|
"access": "public"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "7ca3b7db337ebd88853e2d96cdab940ed550c4fb"
|
|
64
64
|
}
|