@jbrowse/plugin-menus 2.6.2 → 2.7.0

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.
Files changed (13) hide show
  1. package/dist/AboutWidget/components/AboutWidget.d.ts +3 -4
  2. package/dist/AboutWidget/components/AboutWidget.js +3 -3
  3. package/dist/HelpWidget/components/HelpWidget.d.ts +4 -5
  4. package/dist/HelpWidget/components/HelpWidget.js +3 -3
  5. package/dist/ImportSessionWidget/components/ImportSessionWidget.d.ts +3 -4
  6. package/dist/ImportSessionWidget/components/ImportSessionWidget.js +5 -4
  7. package/esm/AboutWidget/components/AboutWidget.d.ts +3 -4
  8. package/esm/AboutWidget/components/AboutWidget.js +3 -3
  9. package/esm/HelpWidget/components/HelpWidget.d.ts +4 -5
  10. package/esm/HelpWidget/components/HelpWidget.js +3 -3
  11. package/esm/ImportSessionWidget/components/ImportSessionWidget.d.ts +3 -4
  12. package/esm/ImportSessionWidget/components/ImportSessionWidget.js +5 -4
  13. package/package.json +3 -3
package/dist/AboutWidget/components/AboutWidget.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import { IAnyStateTreeNode } from 'mobx-state-tree';
3
- declare function About({ model }: {
3
+ declare const AboutWidget: ({ model, }: {
4
4
  model: IAnyStateTreeNode;
5
- }): React.JSX.Element;
6
- declare const _default: typeof About;
7
- export default _default;
5
+ }) => React.JSX.Element;
6
+ export default AboutWidget;
package/dist/AboutWidget/components/AboutWidget.js CHANGED
@@ -22,7 +22,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
22
22
  marginTop: theme.spacing(5),
23
23
  },
24
24
  }));
25
- function About({ model }) {
25
+ const AboutWidget = (0, mobx_react_1.observer)(function ({ model, }) {
26
26
  const { classes } = useStyles();
27
27
  const { version } = (0, util_1.getSession)(model);
28
28
  const { pluginManager } = (0, mobx_state_tree_1.getEnv)(model);
@@ -58,5 +58,5 @@ function About({ model }) {
58
58
  plugin.name,
59
59
  " ",
60
60
  plugin.version || ''))))))));
61
- }
62
- exports.default = (0, mobx_react_1.observer)(About);
61
+ });
62
+ exports.default = AboutWidget;
package/dist/HelpWidget/components/HelpWidget.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import { IAnyStateTreeNode } from 'mobx-state-tree';
3
- declare function Help({ model }: {
4
- model?: IAnyStateTreeNode;
5
- }): React.JSX.Element;
6
- declare const _default: typeof Help;
7
- export default _default;
3
+ declare const HelpWidget: ({ model, }: {
4
+ model?: IAnyStateTreeNode | undefined;
5
+ }) => React.JSX.Element;
6
+ export default HelpWidget;
package/dist/HelpWidget/components/HelpWidget.js CHANGED
@@ -16,7 +16,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
16
16
  margin: theme.spacing(1),
17
17
  },
18
18
  }));
19
- function Help({ model }) {
19
+ const HelpWidget = (0, mobx_react_1.observer)(function Help({ model, }) {
20
20
  const { classes } = useStyles();
21
21
  const root = model ? (0, util_1.getSession)(model) : { version: '' };
22
22
  return (react_1.default.createElement("div", { className: classes.root },
@@ -32,5 +32,5 @@ function Help({ model }) {
32
32
  react_1.default.createElement(material_1.Link, { href: "https://jbrowse.org/jb2/docs/user_guide", target: "_blank", rel: "noopener noreferrer" }, "User guide")),
33
33
  react_1.default.createElement("li", null,
34
34
  react_1.default.createElement(material_1.Link, { href: "https://jbrowse.org/jb2/docs/", target: "_blank", rel: "noopener noreferrer" }, "Documentation")))));
35
- }
36
- exports.default = (0, mobx_react_1.observer)(Help);
35
+ });
36
+ exports.default = HelpWidget;
package/dist/ImportSessionWidget/components/ImportSessionWidget.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import { IAnyStateTreeNode } from 'mobx-state-tree';
3
- declare function ImportSession({ model }: {
3
+ declare const ImportSessionWidget: ({ model, }: {
4
4
  model: IAnyStateTreeNode;
5
- }): React.JSX.Element;
6
- declare const _default: typeof ImportSession;
7
- export default _default;
5
+ }) => React.JSX.Element;
6
+ export default ImportSessionWidget;
package/dist/ImportSessionWidget/components/ImportSessionWidget.js CHANGED
@@ -74,7 +74,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
74
74
  color: theme.palette.text.secondary,
75
75
  },
76
76
  }));
77
- function ImportSession({ model }) {
77
+ const ImportSessionWidget = (0, mobx_react_1.observer)(function ({ model, }) {
78
78
  const [error, setError] = (0, react_1.useState)();
79
79
  const { getRootProps, getInputProps, isDragActive } = (0, react_dropzone_1.useDropzone)({
80
80
  // @ts-expect-error
@@ -82,13 +82,14 @@ function ImportSession({ model }) {
82
82
  maxSize: MAX_FILE_SIZE,
83
83
  multiple: false,
84
84
  onDrop: async (acceptedFiles, rejectedFiles) => {
85
+ var _a, _b;
85
86
  try {
86
87
  if (rejectedFiles.length > 0) {
87
88
  throw new Error(`${rejectedFiles[0].errors.map(e => `${e}`).join(', ')}`);
88
89
  }
89
90
  else {
90
91
  const sessionText = await acceptedFiles[0].text();
91
- (0, util_1.getSession)(model).setSession(JSON.parse(sessionText).session);
92
+ (_b = (_a = (0, util_1.getSession)(model)).setSession) === null || _b === void 0 ? void 0 : _b.call(_a, JSON.parse(sessionText).session);
92
93
  }
93
94
  }
94
95
  catch (e) {
@@ -109,5 +110,5 @@ function ImportSession({ model }) {
109
110
  react_1.default.createElement(material_1.Typography, { color: "textSecondary", align: "center", variant: "body2" }, "or"),
110
111
  react_1.default.createElement(material_1.Button, { color: "primary", variant: "contained" }, "Browse Files"))),
111
112
  error ? react_1.default.createElement(ImportError_1.default, { error: error }) : null));
112
- }
113
- exports.default = (0, mobx_react_1.observer)(ImportSession);
113
+ });
114
+ exports.default = ImportSessionWidget;
package/esm/AboutWidget/components/AboutWidget.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import { IAnyStateTreeNode } from 'mobx-state-tree';
3
- declare function About({ model }: {
3
+ declare const AboutWidget: ({ model, }: {
4
4
  model: IAnyStateTreeNode;
5
- }): React.JSX.Element;
6
- declare const _default: typeof About;
7
- export default _default;
5
+ }) => React.JSX.Element;
6
+ export default AboutWidget;
package/esm/AboutWidget/components/AboutWidget.js CHANGED
@@ -17,7 +17,7 @@ const useStyles = makeStyles()(theme => ({
17
17
  marginTop: theme.spacing(5),
18
18
  },
19
19
  }));
20
- function About({ model }) {
20
+ const AboutWidget = observer(function ({ model, }) {
21
21
  const { classes } = useStyles();
22
22
  const { version } = getSession(model);
23
23
  const { pluginManager } = getEnv(model);
@@ -53,5 +53,5 @@ function About({ model }) {
53
53
  plugin.name,
54
54
  " ",
55
55
  plugin.version || ''))))))));
56
- }
57
- export default observer(About);
56
+ });
57
+ export default AboutWidget;
package/esm/HelpWidget/components/HelpWidget.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import { IAnyStateTreeNode } from 'mobx-state-tree';
3
- declare function Help({ model }: {
4
- model?: IAnyStateTreeNode;
5
- }): React.JSX.Element;
6
- declare const _default: typeof Help;
7
- export default _default;
3
+ declare const HelpWidget: ({ model, }: {
4
+ model?: IAnyStateTreeNode | undefined;
5
+ }) => React.JSX.Element;
6
+ export default HelpWidget;
package/esm/HelpWidget/components/HelpWidget.js CHANGED
@@ -11,7 +11,7 @@ const useStyles = makeStyles()(theme => ({
11
11
  margin: theme.spacing(1),
12
12
  },
13
13
  }));
14
- function Help({ model }) {
14
+ const HelpWidget = observer(function Help({ model, }) {
15
15
  const { classes } = useStyles();
16
16
  const root = model ? getSession(model) : { version: '' };
17
17
  return (React.createElement("div", { className: classes.root },
@@ -27,5 +27,5 @@ function Help({ model }) {
27
27
  React.createElement(Link, { href: "https://jbrowse.org/jb2/docs/user_guide", target: "_blank", rel: "noopener noreferrer" }, "User guide")),
28
28
  React.createElement("li", null,
29
29
  React.createElement(Link, { href: "https://jbrowse.org/jb2/docs/", target: "_blank", rel: "noopener noreferrer" }, "Documentation")))));
30
- }
31
- export default observer(Help);
30
+ });
31
+ export default HelpWidget;
package/esm/ImportSessionWidget/components/ImportSessionWidget.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import { IAnyStateTreeNode } from 'mobx-state-tree';
3
- declare function ImportSession({ model }: {
3
+ declare const ImportSessionWidget: ({ model, }: {
4
4
  model: IAnyStateTreeNode;
5
- }): React.JSX.Element;
6
- declare const _default: typeof ImportSession;
7
- export default _default;
5
+ }) => React.JSX.Element;
6
+ export default ImportSessionWidget;
package/esm/ImportSessionWidget/components/ImportSessionWidget.js CHANGED
@@ -46,7 +46,7 @@ const useStyles = makeStyles()(theme => ({
46
46
  color: theme.palette.text.secondary,
47
47
  },
48
48
  }));
49
- function ImportSession({ model }) {
49
+ const ImportSessionWidget = observer(function ({ model, }) {
50
50
  const [error, setError] = useState();
51
51
  const { getRootProps, getInputProps, isDragActive } = useDropzone({
52
52
  // @ts-expect-error
@@ -54,13 +54,14 @@ function ImportSession({ model }) {
54
54
  maxSize: MAX_FILE_SIZE,
55
55
  multiple: false,
56
56
  onDrop: async (acceptedFiles, rejectedFiles) => {
57
+ var _a, _b;
57
58
  try {
58
59
  if (rejectedFiles.length > 0) {
59
60
  throw new Error(`${rejectedFiles[0].errors.map(e => `${e}`).join(', ')}`);
60
61
  }
61
62
  else {
62
63
  const sessionText = await acceptedFiles[0].text();
63
- getSession(model).setSession(JSON.parse(sessionText).session);
64
+ (_b = (_a = getSession(model)).setSession) === null || _b === void 0 ? void 0 : _b.call(_a, JSON.parse(sessionText).session);
64
65
  }
65
66
  }
66
67
  catch (e) {
@@ -81,5 +82,5 @@ function ImportSession({ model }) {
81
82
  React.createElement(Typography, { color: "textSecondary", align: "center", variant: "body2" }, "or"),
82
83
  React.createElement(Button, { color: "primary", variant: "contained" }, "Browse Files"))),
83
84
  error ? React.createElement(ImportError, { error: error }) : null));
84
- }
85
- export default observer(ImportSession);
85
+ });
86
+ export default ImportSessionWidget;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jbrowse/plugin-menus",
3
- "version": "2.6.2",
3
+ "version": "2.7.0",
4
4
  "description": "JBrowse 2 basic menus",
5
5
  "keywords": [
6
6
  "jbrowse",
@@ -44,7 +44,7 @@
44
44
  "@jbrowse/core": "^2.0.0",
45
45
  "@mui/material": "^5.0.0",
46
46
  "mobx": "^6.0.0",
47
- "mobx-react": "^7.0.0",
47
+ "mobx-react": "^9.0.0",
48
48
  "mobx-state-tree": "^5.0.0",
49
49
  "react": ">=16.8.0",
50
50
  "react-dom": ">=16.8.0",
@@ -56,5 +56,5 @@
56
56
  "publishConfig": {
57
57
  "access": "public"
58
58
  },
59
- "gitHead": "bbea587a402d9974acdd804a33f4b77f31a2fd5f"
59
+ "gitHead": "dbe7fb1af01fc89f833d2744635eb44a17365b41"
60
60
  }