pollination-react-io 1.24.4 → 1.25.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.
- package/build/StudyCard/StudyCard.types.d.ts +2 -0
- package/build/index.esm.js +42 -38
- package/build/index.esm.js.map +1 -1
- package/build/index.js +42 -38
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -38038,6 +38038,9 @@ var useCreateStudy = function (accountName, projectName, client) {
|
|
|
38038
38038
|
// then save it to the users machine and provide
|
|
38039
38039
|
// the name to the jobInfo object
|
|
38040
38040
|
if (typeof value.key === 'string') {
|
|
38041
|
+
if (value.name == null) {
|
|
38042
|
+
reject("'name' attribute of ".concat(value.key, " is null. Job will be invalid."));
|
|
38043
|
+
}
|
|
38041
38044
|
downloadArtifact(value.key)
|
|
38042
38045
|
.then(function (url) {
|
|
38043
38046
|
fetch(url)
|
|
@@ -38144,8 +38147,7 @@ var useCreateStudy = function (accountName, projectName, client) {
|
|
|
38144
38147
|
arguments: [jobArguments]
|
|
38145
38148
|
});
|
|
38146
38149
|
}).catch(function (err) {
|
|
38147
|
-
|
|
38148
|
-
console.error(data.detail);
|
|
38150
|
+
console.error(err);
|
|
38149
38151
|
})];
|
|
38150
38152
|
case 1:
|
|
38151
38153
|
job = _c.sent();
|
|
@@ -46642,14 +46644,14 @@ var formatDuration = function (duration) {
|
|
|
46642
46644
|
};
|
|
46643
46645
|
var StudyCard = function (_a) {
|
|
46644
46646
|
var _b, _c;
|
|
46645
|
-
var projectName = _a.projectName, projectOwner = _a.projectOwner, _study = _a.study, _d = _a.canWrite, canWrite = _d === void 0 ? false : _d, _e = _a.runList, runList = _e === void 0 ? true : _e, style = _a.style, authUser = _a.authUser, client = _a.client;
|
|
46646
|
-
var
|
|
46647
|
-
var
|
|
46647
|
+
var projectName = _a.projectName, projectOwner = _a.projectOwner, _study = _a.study, _d = _a.canWrite, canWrite = _d === void 0 ? false : _d, _e = _a.runList, runList = _e === void 0 ? true : _e, style = _a.style, authUser = _a.authUser, client = _a.client, showMenu = _a.showMenu, _f = _a.onDelete, onDelete = _f === void 0 ? function () { return window.history.back(); } : _f;
|
|
46648
|
+
var _g = useJobs(client), cancelJob = _g.cancelJob, deleteJob = _g.deleteJob, fetchJob = _g.fetchJob;
|
|
46649
|
+
var _h = useSWR(authUser && _study ? [projectOwner, projectName, _study.id] : undefined, fetchJob, {
|
|
46648
46650
|
revalidateOnFocus: false,
|
|
46649
46651
|
refreshInterval: !_study || _study.status.finished_at ? undefined : 5000,
|
|
46650
46652
|
fallbackData: _study,
|
|
46651
46653
|
errorRetryCount: 3
|
|
46652
|
-
}), study =
|
|
46654
|
+
}), study = _h.data; _h.error; var isValidating = _h.isValidating;
|
|
46653
46655
|
var status = React.useMemo(function () {
|
|
46654
46656
|
return ({
|
|
46655
46657
|
pending: study && study.status.runs_pending ? study.status.runs_pending : 0,
|
|
@@ -46659,7 +46661,7 @@ var StudyCard = function (_a) {
|
|
|
46659
46661
|
canceled: study && study.status.runs_cancelled ? study.status.runs_cancelled : 0,
|
|
46660
46662
|
});
|
|
46661
46663
|
}, [study]);
|
|
46662
|
-
var
|
|
46664
|
+
var _j = React.useState(getDuration(study)), duration = _j[0], setDuration = _j[1];
|
|
46663
46665
|
React.useEffect(function () {
|
|
46664
46666
|
if (!study)
|
|
46665
46667
|
return undefined;
|
|
@@ -46672,6 +46674,37 @@ var StudyCard = function (_a) {
|
|
|
46672
46674
|
}, 1000);
|
|
46673
46675
|
return study.status.finished_at ? undefined : function () { return clearInterval(handle); };
|
|
46674
46676
|
}, [study]);
|
|
46677
|
+
var menu = (React__default["default"].createElement("button", { type: 'button', style: {
|
|
46678
|
+
width: 32,
|
|
46679
|
+
height: 32,
|
|
46680
|
+
display: 'flex',
|
|
46681
|
+
justifyContent: 'center',
|
|
46682
|
+
alignItems: 'center',
|
|
46683
|
+
borderRadius: 9999,
|
|
46684
|
+
border: '1px solid #d0d7de',
|
|
46685
|
+
backgroundColor: 'white',
|
|
46686
|
+
outlineColor: 'var(--primary)',
|
|
46687
|
+
cursor: 'pointer'
|
|
46688
|
+
} }, isValidating ? React__default["default"].createElement(LoadingIcon, null) : React__default["default"].createElement(Gear$1, null)));
|
|
46689
|
+
var optionsDropdown = [
|
|
46690
|
+
{
|
|
46691
|
+
options: [{
|
|
46692
|
+
type: 'button',
|
|
46693
|
+
id: 'cancel-study',
|
|
46694
|
+
label: 'Cancel',
|
|
46695
|
+
icon: React__default["default"].createElement(XOctagon$1, null),
|
|
46696
|
+
disabled: !study || (status.pending < 1 && status.running < 1),
|
|
46697
|
+
onSelect: function () { return cancelJob(projectOwner, projectName, study.id); }
|
|
46698
|
+
}, {
|
|
46699
|
+
type: 'button',
|
|
46700
|
+
id: 'delete-study',
|
|
46701
|
+
label: 'Delete',
|
|
46702
|
+
icon: React__default["default"].createElement(Trash$1, null),
|
|
46703
|
+
onSelect: function () { return deleteJob(projectOwner, projectName, study.id)
|
|
46704
|
+
.then(onDelete); }
|
|
46705
|
+
},]
|
|
46706
|
+
}
|
|
46707
|
+
];
|
|
46675
46708
|
return (React__default["default"].createElement("div", { "data-testid": "StudyCard", className: 'study-card', style: __assign({ borderRadius: 8, borderWidth: 1, borderStyle: 'solid', display: 'grid', gridTemplateColumns: 'minmax(200px, 18%) 1fr', gridTemplateRows: '1fr auto', columnGap: 8, rowGap: 0 }, style) },
|
|
46676
46709
|
React__default["default"].createElement("div", { style: {
|
|
46677
46710
|
borderRight: '1px solid #d0d7de',
|
|
@@ -46744,41 +46777,12 @@ var StudyCard = function (_a) {
|
|
|
46744
46777
|
textOverflow: 'ellipsis',
|
|
46745
46778
|
display: 'inline-block'
|
|
46746
46779
|
} }, study ? (_b = study.spec.name) !== null && _b !== void 0 ? _b : "Study: ".concat(study.id) : '--'),
|
|
46747
|
-
canWrite && study &&
|
|
46780
|
+
showMenu && canWrite && study &&
|
|
46748
46781
|
React__default["default"].createElement("div", { style: {
|
|
46749
46782
|
display: 'flex',
|
|
46750
46783
|
alignItems: 'center'
|
|
46751
46784
|
} },
|
|
46752
|
-
React__default["default"].createElement(Dropdown, { trigger:
|
|
46753
|
-
width: 32,
|
|
46754
|
-
height: 32,
|
|
46755
|
-
display: 'flex',
|
|
46756
|
-
justifyContent: 'center',
|
|
46757
|
-
alignItems: 'center',
|
|
46758
|
-
borderRadius: 9999,
|
|
46759
|
-
border: '1px solid #d0d7de',
|
|
46760
|
-
backgroundColor: 'white',
|
|
46761
|
-
outlineColor: 'var(--primary)',
|
|
46762
|
-
cursor: 'pointer'
|
|
46763
|
-
} }, isValidating ? React__default["default"].createElement(LoadingIcon, null) : React__default["default"].createElement(Gear$1, null)), optionGroups: [
|
|
46764
|
-
{
|
|
46765
|
-
options: [{
|
|
46766
|
-
type: 'button',
|
|
46767
|
-
id: 'cancel-study',
|
|
46768
|
-
label: 'Cancel',
|
|
46769
|
-
icon: React__default["default"].createElement(XOctagon$1, null),
|
|
46770
|
-
disabled: !study || (status.pending < 1 && status.running < 1),
|
|
46771
|
-
onSelect: function () { return cancelJob(projectOwner, projectName, study.id); }
|
|
46772
|
-
}, {
|
|
46773
|
-
type: 'button',
|
|
46774
|
-
id: 'delete-study',
|
|
46775
|
-
label: 'Delete',
|
|
46776
|
-
icon: React__default["default"].createElement(Trash$1, null),
|
|
46777
|
-
onSelect: function () { return deleteJob(projectOwner, projectName, study.id)
|
|
46778
|
-
.then(function () { return window.open("/".concat(projectOwner, "/projects/").concat(projectName)); }); }
|
|
46779
|
-
},]
|
|
46780
|
-
}
|
|
46781
|
-
], contentProps: {
|
|
46785
|
+
React__default["default"].createElement(Dropdown, { trigger: menu, optionGroups: optionsDropdown, contentProps: {
|
|
46782
46786
|
align: 'end',
|
|
46783
46787
|
sideOffset: 2,
|
|
46784
46788
|
} }))),
|