@jbrowse/plugin-jobs-management 2.18.0 → 3.0.1

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 (14) hide show
  1. package/dist/JobsListWidget/components/CurrentJobCard.d.ts +1 -2
  2. package/dist/JobsListWidget/components/CurrentJobCard.js +13 -50
  3. package/dist/JobsListWidget/components/JobCard.d.ts +1 -2
  4. package/dist/JobsListWidget/components/JobCard.js +2 -12
  5. package/dist/JobsListWidget/components/JobsListWidget.d.ts +1 -2
  6. package/dist/JobsListWidget/components/JobsListWidget.js +2 -26
  7. package/dist/JobsListWidget/index.js +17 -7
  8. package/esm/JobsListWidget/components/CurrentJobCard.d.ts +1 -2
  9. package/esm/JobsListWidget/components/CurrentJobCard.js +13 -27
  10. package/esm/JobsListWidget/components/JobCard.d.ts +1 -2
  11. package/esm/JobsListWidget/components/JobCard.js +2 -9
  12. package/esm/JobsListWidget/components/JobsListWidget.d.ts +1 -2
  13. package/esm/JobsListWidget/components/JobsListWidget.js +2 -26
  14. package/package.json +8 -8
package/dist/JobsListWidget/components/CurrentJobCard.d.ts CHANGED
@@ -1,6 +1,5 @@
1
- import React from 'react';
2
1
  import type { NewJob } from '../model';
3
2
  declare const CurrentJobCard: ({ job, }: {
4
3
  job: NewJob;
5
- }) => React.JSX.Element;
4
+ }) => import("react/jsx-runtime").JSX.Element;
6
5
  export default CurrentJobCard;
package/dist/JobsListWidget/components/CurrentJobCard.js CHANGED
@@ -1,58 +1,21 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
2
  Object.defineProperty(exports, "__esModule", { value: true });
26
- const react_1 = __importStar(require("react"));
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
4
+ const react_1 = require("react");
27
5
  const material_1 = require("@mui/material");
28
6
  const mobx_react_1 = require("mobx-react");
29
7
  const CurrentJobCard = (0, mobx_react_1.observer)(function CurrentJobCard({ job, }) {
30
8
  const [clicked, setClicked] = (0, react_1.useState)(false);
31
- return (react_1.default.createElement(material_1.Card, { variant: "outlined" },
32
- react_1.default.createElement(material_1.CardContent, null,
33
- react_1.default.createElement(material_1.Typography, { variant: "body1" },
34
- react_1.default.createElement("strong", null, 'Name: '),
35
- job.name),
36
- react_1.default.createElement(material_1.Typography, { variant: "body1" },
37
- react_1.default.createElement("strong", null, 'Message: '),
38
- job.statusMessage || 'No message provided'),
39
- react_1.default.createElement(material_1.Box, { sx: {
40
- display: 'flex',
41
- alignItems: 'center',
42
- marginTop: 10,
43
- marginBottom: 10,
44
- marginLeft: 10,
45
- } }, job.progressPct === 0 || job.progressPct === 100 ? (react_1.default.createElement(material_1.Box, { sx: { width: '100%' } },
46
- react_1.default.createElement(material_1.LinearProgress, { variant: "indeterminate" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
47
- react_1.default.createElement(material_1.Box, { sx: { width: '100%' } },
48
- react_1.default.createElement(material_1.LinearProgress, { variant: "determinate", value: job.progressPct })),
49
- react_1.default.createElement(material_1.Box, { sx: { m: 1 } },
50
- react_1.default.createElement(material_1.Typography, null, `${Math.round(job.progressPct || 0)}%`)))))),
51
- react_1.default.createElement(material_1.CardActions, null,
52
- react_1.default.createElement(material_1.Button, { variant: "contained", color: "inherit", disabled: clicked || job.progressPct === 0, onClick: () => {
53
- job.setStatusMessage('Aborted via cancel button');
54
- job.cancelCallback();
55
- setClicked(true);
56
- } }, "Cancel"))));
9
+ return ((0, jsx_runtime_1.jsxs)(material_1.Card, { variant: "outlined", children: [(0, jsx_runtime_1.jsxs)(material_1.CardContent, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body1", children: [(0, jsx_runtime_1.jsx)("strong", { children: 'Name: ' }), job.name] }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body1", children: [(0, jsx_runtime_1.jsx)("strong", { children: 'Message: ' }), job.statusMessage || 'No message provided'] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
10
+ display: 'flex',
11
+ alignItems: 'center',
12
+ marginTop: 10,
13
+ marginBottom: 10,
14
+ marginLeft: 10,
15
+ }, children: job.progressPct === 0 || job.progressPct === 100 ? ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(material_1.LinearProgress, { variant: "indeterminate" }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(material_1.LinearProgress, { variant: "determinate", value: job.progressPct }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { m: 1 }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { children: `${Math.round(job.progressPct || 0)}%` }) })] })) })] }), (0, jsx_runtime_1.jsx)(material_1.CardActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "inherit", disabled: clicked || job.progressPct === 0, onClick: () => {
16
+ job.setStatusMessage('Aborted via cancel button');
17
+ job.cancelCallback();
18
+ setClicked(true);
19
+ }, children: "Cancel" }) })] }));
57
20
  });
58
21
  exports.default = CurrentJobCard;
package/dist/JobsListWidget/components/JobCard.d.ts CHANGED
@@ -1,6 +1,5 @@
1
- import React from 'react';
2
1
  import type { NewJob } from '../model';
3
2
  declare const JobCard: ({ job }: {
4
3
  job: NewJob;
5
- }) => React.JSX.Element;
4
+ }) => import("react/jsx-runtime").JSX.Element;
6
5
  export default JobCard;
package/dist/JobsListWidget/components/JobCard.js CHANGED
@@ -1,19 +1,9 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = __importDefault(require("react"));
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
7
4
  const material_1 = require("@mui/material");
8
5
  const mobx_react_1 = require("mobx-react");
9
6
  const JobCard = (0, mobx_react_1.observer)(function JobCard({ job }) {
10
- return (react_1.default.createElement(material_1.Card, { variant: "outlined" },
11
- react_1.default.createElement(material_1.CardContent, null,
12
- react_1.default.createElement(material_1.Typography, { variant: "body1" },
13
- react_1.default.createElement("strong", null, 'Name: '),
14
- job.name),
15
- job.statusMessage ? (react_1.default.createElement(material_1.Typography, { variant: "body1" },
16
- react_1.default.createElement("strong", null, 'Message: '),
17
- job.statusMessage)) : null)));
7
+ return ((0, jsx_runtime_1.jsx)(material_1.Card, { variant: "outlined", children: (0, jsx_runtime_1.jsxs)(material_1.CardContent, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body1", children: [(0, jsx_runtime_1.jsx)("strong", { children: 'Name: ' }), job.name] }), job.statusMessage ? ((0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body1", children: [(0, jsx_runtime_1.jsx)("strong", { children: 'Message: ' }), job.statusMessage] })) : null] }) }));
18
8
  });
19
9
  exports.default = JobCard;
package/dist/JobsListWidget/components/JobsListWidget.d.ts CHANGED
@@ -1,6 +1,5 @@
1
- import React from 'react';
2
1
  import type { JobsListModel } from '../model';
3
2
  declare const JobsListWidget: ({ model }: {
4
3
  model: JobsListModel;
5
- }) => React.JSX.Element;
4
+ }) => import("react/jsx-runtime").JSX.Element;
6
5
  export default JobsListWidget;
package/dist/JobsListWidget/components/JobsListWidget.js CHANGED
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- const react_1 = __importDefault(require("react"));
6
+ const jsx_runtime_1 = require("react/jsx-runtime");
7
7
  const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
8
8
  const material_1 = require("@mui/material");
9
9
  const mobx_react_1 = require("mobx-react");
@@ -21,30 +21,6 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
21
21
  const JobsListWidget = (0, mobx_react_1.observer)(function ({ model }) {
22
22
  const { classes } = useStyles();
23
23
  const { jobs, finished, queued, aborted } = model;
24
- return (react_1.default.createElement("div", { className: classes.root },
25
- react_1.default.createElement(material_1.Accordion, { defaultExpanded: true },
26
- react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.expandIcon }) },
27
- react_1.default.createElement(material_1.Typography, { variant: "h5" }, "Running jobs")),
28
- jobs.length ? (jobs.map((job, index) => (react_1.default.createElement(CurrentJobCard_1.default, { job: job, key: `${JSON.stringify(job)}-${index}` })))) : (react_1.default.createElement(material_1.Card, { variant: "outlined" },
29
- react_1.default.createElement(material_1.CardContent, null,
30
- react_1.default.createElement(material_1.Typography, { variant: "body1" }, "No running jobs"))))),
31
- react_1.default.createElement(material_1.Accordion, { defaultExpanded: true },
32
- react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.expandIcon }) },
33
- react_1.default.createElement(material_1.Typography, { variant: "h5" }, "Queued jobs")),
34
- queued.length ? (queued.map((job, index) => (react_1.default.createElement(JobCard_1.default, { job: job, key: `${JSON.stringify(job)}-${index}` })))) : (react_1.default.createElement(material_1.Card, { variant: "outlined" },
35
- react_1.default.createElement(material_1.CardContent, null,
36
- react_1.default.createElement(material_1.Typography, { variant: "body1" }, "No queued jobs"))))),
37
- react_1.default.createElement(material_1.Accordion, { defaultExpanded: true },
38
- react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.expandIcon }) },
39
- react_1.default.createElement(material_1.Typography, { variant: "h5" }, "Completed jobs")),
40
- finished.length ? (finished.map((job, index) => (react_1.default.createElement(JobCard_1.default, { key: `${JSON.stringify(job)}-${index}`, job: job })))) : (react_1.default.createElement(material_1.Card, { variant: "outlined" },
41
- react_1.default.createElement(material_1.CardContent, null,
42
- react_1.default.createElement(material_1.Typography, { variant: "body1" }, "No completed jobs"))))),
43
- react_1.default.createElement(material_1.Accordion, { defaultExpanded: true },
44
- react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.expandIcon }) },
45
- react_1.default.createElement(material_1.Typography, { variant: "h5" }, "Aborted jobs")),
46
- aborted.length ? (aborted.map((job, index) => (react_1.default.createElement(JobCard_1.default, { key: `${JSON.stringify(job)}-${index}`, job: job })))) : (react_1.default.createElement(material_1.Card, { variant: "outlined" },
47
- react_1.default.createElement(material_1.CardContent, null,
48
- react_1.default.createElement(material_1.Typography, { variant: "body1" }, "No aborted jobs")))))));
24
+ return ((0, jsx_runtime_1.jsxs)("div", { className: classes.root, children: [(0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: true, children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, { className: classes.expandIcon }), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", children: "Running jobs" }) }), jobs.length ? (jobs.map((job, index) => ((0, jsx_runtime_1.jsx)(CurrentJobCard_1.default, { job: job }, `${JSON.stringify(job)}-${index}`)))) : ((0, jsx_runtime_1.jsx)(material_1.Card, { variant: "outlined", children: (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", children: "No running jobs" }) }) }))] }), (0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: true, children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, { className: classes.expandIcon }), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", children: "Queued jobs" }) }), queued.length ? (queued.map((job, index) => ((0, jsx_runtime_1.jsx)(JobCard_1.default, { job: job }, `${JSON.stringify(job)}-${index}`)))) : ((0, jsx_runtime_1.jsx)(material_1.Card, { variant: "outlined", children: (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", children: "No queued jobs" }) }) }))] }), (0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: true, children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, { className: classes.expandIcon }), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", children: "Completed jobs" }) }), finished.length ? (finished.map((job, index) => ((0, jsx_runtime_1.jsx)(JobCard_1.default, { job: job }, `${JSON.stringify(job)}-${index}`)))) : ((0, jsx_runtime_1.jsx)(material_1.Card, { variant: "outlined", children: (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", children: "No completed jobs" }) }) }))] }), (0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: true, children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, { className: classes.expandIcon }), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h5", children: "Aborted jobs" }) }), aborted.length ? (aborted.map((job, index) => ((0, jsx_runtime_1.jsx)(JobCard_1.default, { job: job }, `${JSON.stringify(job)}-${index}`)))) : ((0, jsx_runtime_1.jsx)(material_1.Card, { variant: "outlined", children: (0, jsx_runtime_1.jsx)(material_1.CardContent, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", children: "No aborted jobs" }) }) }))] })] }));
49
25
  });
50
26
  exports.default = JobsListWidget;
package/dist/JobsListWidget/index.js CHANGED
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
15
  }) : function(o, v) {
16
16
  o["default"] = v;
17
17
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
25
35
  Object.defineProperty(exports, "__esModule", { value: true });
26
36
  exports.configSchema = void 0;
27
37
  exports.default = JobsListWidgetF;
package/esm/JobsListWidget/components/CurrentJobCard.d.ts CHANGED
@@ -1,6 +1,5 @@
1
- import React from 'react';
2
1
  import type { NewJob } from '../model';
3
2
  declare const CurrentJobCard: ({ job, }: {
4
3
  job: NewJob;
5
- }) => React.JSX.Element;
4
+ }) => import("react/jsx-runtime").JSX.Element;
6
5
  export default CurrentJobCard;
package/esm/JobsListWidget/components/CurrentJobCard.js CHANGED
@@ -1,33 +1,19 @@
1
- import React, { useState } from 'react';
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import { useState } from 'react';
2
3
  import { Box, Button, Card, CardActions, CardContent, LinearProgress, Typography, } from '@mui/material';
3
4
  import { observer } from 'mobx-react';
4
5
  const CurrentJobCard = observer(function CurrentJobCard({ job, }) {
5
6
  const [clicked, setClicked] = useState(false);
6
- return (React.createElement(Card, { variant: "outlined" },
7
- React.createElement(CardContent, null,
8
- React.createElement(Typography, { variant: "body1" },
9
- React.createElement("strong", null, 'Name: '),
10
- job.name),
11
- React.createElement(Typography, { variant: "body1" },
12
- React.createElement("strong", null, 'Message: '),
13
- job.statusMessage || 'No message provided'),
14
- React.createElement(Box, { sx: {
15
- display: 'flex',
16
- alignItems: 'center',
17
- marginTop: 10,
18
- marginBottom: 10,
19
- marginLeft: 10,
20
- } }, job.progressPct === 0 || job.progressPct === 100 ? (React.createElement(Box, { sx: { width: '100%' } },
21
- React.createElement(LinearProgress, { variant: "indeterminate" }))) : (React.createElement(React.Fragment, null,
22
- React.createElement(Box, { sx: { width: '100%' } },
23
- React.createElement(LinearProgress, { variant: "determinate", value: job.progressPct })),
24
- React.createElement(Box, { sx: { m: 1 } },
25
- React.createElement(Typography, null, `${Math.round(job.progressPct || 0)}%`)))))),
26
- React.createElement(CardActions, null,
27
- React.createElement(Button, { variant: "contained", color: "inherit", disabled: clicked || job.progressPct === 0, onClick: () => {
28
- job.setStatusMessage('Aborted via cancel button');
29
- job.cancelCallback();
30
- setClicked(true);
31
- } }, "Cancel"))));
7
+ return (_jsxs(Card, { variant: "outlined", children: [_jsxs(CardContent, { children: [_jsxs(Typography, { variant: "body1", children: [_jsx("strong", { children: 'Name: ' }), job.name] }), _jsxs(Typography, { variant: "body1", children: [_jsx("strong", { children: 'Message: ' }), job.statusMessage || 'No message provided'] }), _jsx(Box, { sx: {
8
+ display: 'flex',
9
+ alignItems: 'center',
10
+ marginTop: 10,
11
+ marginBottom: 10,
12
+ marginLeft: 10,
13
+ }, children: job.progressPct === 0 || job.progressPct === 100 ? (_jsx(Box, { sx: { width: '100%' }, children: _jsx(LinearProgress, { variant: "indeterminate" }) })) : (_jsxs(_Fragment, { children: [_jsx(Box, { sx: { width: '100%' }, children: _jsx(LinearProgress, { variant: "determinate", value: job.progressPct }) }), _jsx(Box, { sx: { m: 1 }, children: _jsx(Typography, { children: `${Math.round(job.progressPct || 0)}%` }) })] })) })] }), _jsx(CardActions, { children: _jsx(Button, { variant: "contained", color: "inherit", disabled: clicked || job.progressPct === 0, onClick: () => {
14
+ job.setStatusMessage('Aborted via cancel button');
15
+ job.cancelCallback();
16
+ setClicked(true);
17
+ }, children: "Cancel" }) })] }));
32
18
  });
33
19
  export default CurrentJobCard;
package/esm/JobsListWidget/components/JobCard.d.ts CHANGED
@@ -1,6 +1,5 @@
1
- import React from 'react';
2
1
  import type { NewJob } from '../model';
3
2
  declare const JobCard: ({ job }: {
4
3
  job: NewJob;
5
- }) => React.JSX.Element;
4
+ }) => import("react/jsx-runtime").JSX.Element;
6
5
  export default JobCard;
package/esm/JobsListWidget/components/JobCard.js CHANGED
@@ -1,14 +1,7 @@
1
- import React from 'react';
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Card, CardContent, Typography } from '@mui/material';
3
3
  import { observer } from 'mobx-react';
4
4
  const JobCard = observer(function JobCard({ job }) {
5
- return (React.createElement(Card, { variant: "outlined" },
6
- React.createElement(CardContent, null,
7
- React.createElement(Typography, { variant: "body1" },
8
- React.createElement("strong", null, 'Name: '),
9
- job.name),
10
- job.statusMessage ? (React.createElement(Typography, { variant: "body1" },
11
- React.createElement("strong", null, 'Message: '),
12
- job.statusMessage)) : null)));
5
+ return (_jsx(Card, { variant: "outlined", children: _jsxs(CardContent, { children: [_jsxs(Typography, { variant: "body1", children: [_jsx("strong", { children: 'Name: ' }), job.name] }), job.statusMessage ? (_jsxs(Typography, { variant: "body1", children: [_jsx("strong", { children: 'Message: ' }), job.statusMessage] })) : null] }) }));
13
6
  });
14
7
  export default JobCard;
package/esm/JobsListWidget/components/JobsListWidget.d.ts CHANGED
@@ -1,6 +1,5 @@
1
- import React from 'react';
2
1
  import type { JobsListModel } from '../model';
3
2
  declare const JobsListWidget: ({ model }: {
4
3
  model: JobsListModel;
5
- }) => React.JSX.Element;
4
+ }) => import("react/jsx-runtime").JSX.Element;
6
5
  export default JobsListWidget;
package/esm/JobsListWidget/components/JobsListWidget.js CHANGED
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
3
3
  import { Accordion, AccordionSummary, Card, CardContent, Typography, } from '@mui/material';
4
4
  import { observer } from 'mobx-react';
@@ -16,30 +16,6 @@ const useStyles = makeStyles()(theme => ({
16
16
  const JobsListWidget = observer(function ({ model }) {
17
17
  const { classes } = useStyles();
18
18
  const { jobs, finished, queued, aborted } = model;
19
- return (React.createElement("div", { className: classes.root },
20
- React.createElement(Accordion, { defaultExpanded: true },
21
- React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
22
- React.createElement(Typography, { variant: "h5" }, "Running jobs")),
23
- jobs.length ? (jobs.map((job, index) => (React.createElement(CurrentJobCard, { job: job, key: `${JSON.stringify(job)}-${index}` })))) : (React.createElement(Card, { variant: "outlined" },
24
- React.createElement(CardContent, null,
25
- React.createElement(Typography, { variant: "body1" }, "No running jobs"))))),
26
- React.createElement(Accordion, { defaultExpanded: true },
27
- React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
28
- React.createElement(Typography, { variant: "h5" }, "Queued jobs")),
29
- queued.length ? (queued.map((job, index) => (React.createElement(JobCard, { job: job, key: `${JSON.stringify(job)}-${index}` })))) : (React.createElement(Card, { variant: "outlined" },
30
- React.createElement(CardContent, null,
31
- React.createElement(Typography, { variant: "body1" }, "No queued jobs"))))),
32
- React.createElement(Accordion, { defaultExpanded: true },
33
- React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
34
- React.createElement(Typography, { variant: "h5" }, "Completed jobs")),
35
- finished.length ? (finished.map((job, index) => (React.createElement(JobCard, { key: `${JSON.stringify(job)}-${index}`, job: job })))) : (React.createElement(Card, { variant: "outlined" },
36
- React.createElement(CardContent, null,
37
- React.createElement(Typography, { variant: "body1" }, "No completed jobs"))))),
38
- React.createElement(Accordion, { defaultExpanded: true },
39
- React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, { className: classes.expandIcon }) },
40
- React.createElement(Typography, { variant: "h5" }, "Aborted jobs")),
41
- aborted.length ? (aborted.map((job, index) => (React.createElement(JobCard, { key: `${JSON.stringify(job)}-${index}`, job: job })))) : (React.createElement(Card, { variant: "outlined" },
42
- React.createElement(CardContent, null,
43
- React.createElement(Typography, { variant: "body1" }, "No aborted jobs")))))));
19
+ return (_jsxs("div", { className: classes.root, children: [_jsxs(Accordion, { defaultExpanded: true, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, { className: classes.expandIcon }), children: _jsx(Typography, { variant: "h5", children: "Running jobs" }) }), jobs.length ? (jobs.map((job, index) => (_jsx(CurrentJobCard, { job: job }, `${JSON.stringify(job)}-${index}`)))) : (_jsx(Card, { variant: "outlined", children: _jsx(CardContent, { children: _jsx(Typography, { variant: "body1", children: "No running jobs" }) }) }))] }), _jsxs(Accordion, { defaultExpanded: true, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, { className: classes.expandIcon }), children: _jsx(Typography, { variant: "h5", children: "Queued jobs" }) }), queued.length ? (queued.map((job, index) => (_jsx(JobCard, { job: job }, `${JSON.stringify(job)}-${index}`)))) : (_jsx(Card, { variant: "outlined", children: _jsx(CardContent, { children: _jsx(Typography, { variant: "body1", children: "No queued jobs" }) }) }))] }), _jsxs(Accordion, { defaultExpanded: true, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, { className: classes.expandIcon }), children: _jsx(Typography, { variant: "h5", children: "Completed jobs" }) }), finished.length ? (finished.map((job, index) => (_jsx(JobCard, { job: job }, `${JSON.stringify(job)}-${index}`)))) : (_jsx(Card, { variant: "outlined", children: _jsx(CardContent, { children: _jsx(Typography, { variant: "body1", children: "No completed jobs" }) }) }))] }), _jsxs(Accordion, { defaultExpanded: true, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, { className: classes.expandIcon }), children: _jsx(Typography, { variant: "h5", children: "Aborted jobs" }) }), aborted.length ? (aborted.map((job, index) => (_jsx(JobCard, { job: job }, `${JSON.stringify(job)}-${index}`)))) : (_jsx(Card, { variant: "outlined", children: _jsx(CardContent, { children: _jsx(Typography, { variant: "body1", children: "No aborted jobs" }) }) }))] })] }));
44
20
  });
45
21
  export default JobsListWidget;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jbrowse/plugin-jobs-management",
3
- "version": "2.18.0",
3
+ "version": "3.0.1",
4
4
  "description": "JBrowse 2 jobs management",
5
5
  "keywords": [
6
6
  "jbrowse",
@@ -36,23 +36,23 @@
36
36
  "clean": "rimraf dist esm *.tsbuildinfo"
37
37
  },
38
38
  "dependencies": {
39
- "@jbrowse/text-indexing": "^2.18.0",
40
- "@mui/icons-material": "^6.0.0"
41
- },
42
- "peerDependencies": {
43
- "@jbrowse/core": "^2.0.0",
39
+ "@jbrowse/core": "^3.0.1",
40
+ "@jbrowse/text-indexing": "^3.0.1",
41
+ "@mui/icons-material": "^6.0.0",
44
42
  "@mui/material": "^6.0.0",
45
43
  "mobx": "^6.0.0",
46
44
  "mobx-react": "^9.0.0",
47
45
  "mobx-state-tree": "^5.0.0",
48
- "react": ">=16.8.0",
49
46
  "tss-react": "^4.0.0"
50
47
  },
48
+ "peerDependencies": {
49
+ "react": ">=18.0.0"
50
+ },
51
51
  "distModule": "esm/index.js",
52
52
  "srcModule": "src/index.ts",
53
53
  "module": "esm/index.js",
54
54
  "publishConfig": {
55
55
  "access": "public"
56
56
  },
57
- "gitHead": "c344ea60099cb7e460b77f15808946b24a7eee74"
57
+ "gitHead": "aa2f1d1a89d2361c7fd1a93fe29506fa4554f5cc"
58
58
  }