pollination-react-io 1.56.3 → 1.57.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.
- package/build/Cards/RunCard.types.d.ts +2 -1
- package/build/RunDetails/RunDetails.types.d.ts +7 -3
- package/build/index.esm.js +53 -33
- package/build/index.esm.js.map +1 -1
- package/build/index.js +53 -33
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
@@ -48747,23 +48747,28 @@ var formatDuration = function (duration) {
|
|
48747
48747
|
};
|
48748
48748
|
var RunCard = function (_a) {
|
48749
48749
|
var _b;
|
48750
|
-
var _c, _d, _e, _f, _g, _h, _j, _k;
|
48751
|
-
var projectName = _a.projectName, projectOwner = _a.projectOwner, _run = _a.run, style = _a.style, authUser = _a.authUser, client = _a.client, enableClick = _a.enableClick, getTab = _a.getTab, defaultTab = _a.defaultTab, getValue = _a.getValue,
|
48752
|
-
var
|
48750
|
+
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
48751
|
+
var projectName = _a.projectName, projectOwner = _a.projectOwner, _run = _a.run, style = _a.style, authUser = _a.authUser, client = _a.client, enableClick = _a.enableClick, getTab = _a.getTab, defaultTab = _a.defaultTab, getValue = _a.getValue, _o = _a.interval, interval = _o === void 0 ? 5000 : _o, _p = _a.canWrite, canWrite = _p === void 0 ? false : _p, _q = _a.localRun, localRun = _q === void 0 ? false : _q, _r = _a.loaderNode, loaderNode = _r === void 0 ? undefined : _r;
|
48752
|
+
var _s = usePollinationPanel(), fetchLocalRun = _s.fetchLocalRun, fetchLocalJob = _s.fetchLocalJob;
|
48753
|
+
var disabled = React.useMemo(function () {
|
48754
|
+
if (!localRun)
|
48755
|
+
return;
|
48756
|
+
return !checkPollinationPanel();
|
48757
|
+
}, []);
|
48753
48758
|
/*
|
48754
48759
|
* Fetch run
|
48755
48760
|
*/
|
48756
48761
|
var fetchJob = useJobs(client).fetchJob;
|
48757
|
-
var
|
48758
|
-
var
|
48759
|
-
var
|
48760
|
-
var
|
48761
|
-
var
|
48762
|
-
var
|
48762
|
+
var _t = useRuns(client), fetchRun = _t.fetchRun, statusMap = _t.statusMap, getDuration = _t.getDuration, cancelRun = _t.cancelRun;
|
48763
|
+
var _u = useWindowDimensions(), width = _u.width; _u.height;
|
48764
|
+
var _v = React.useState(false), seeDescription = _v[0], setSeeDescription = _v[1];
|
48765
|
+
var _w = React.useState(false), seeAction = _w[0], setSeeAction = _w[1];
|
48766
|
+
var _x = React.useState(false), stopRefresh = _x[0], setStopRefresh = _x[1];
|
48767
|
+
var _y = React.useState(false), isReady = _y[0], setIsReady = _y[1];
|
48763
48768
|
/*
|
48764
48769
|
* From run and stop when it is done
|
48765
48770
|
*/
|
48766
|
-
var
|
48771
|
+
var _z = useSWR(authUser && _run ? (!localRun ? [projectOwner, projectName, _run.id] : [_run.id]) : undefined, localRun ? fetchLocalRun : fetchRun, {
|
48767
48772
|
revalidateOnFocus: false,
|
48768
48773
|
refreshInterval: stopRefresh ? undefined : interval,
|
48769
48774
|
fallbackData: localRun ? undefined : _run,
|
@@ -48772,13 +48777,13 @@ var RunCard = function (_a) {
|
|
48772
48777
|
if (localRun) {
|
48773
48778
|
var jobInfo = fetchLocalJob(_run.id);
|
48774
48779
|
setLocalStudy(jobInfo);
|
48775
|
-
}
|
48780
|
+
} // It is written at the end of the simulation
|
48776
48781
|
sendRun(run);
|
48777
48782
|
if (run.status.finished_at)
|
48778
48783
|
setStopRefresh(true);
|
48779
48784
|
setIsReady(true);
|
48780
48785
|
},
|
48781
|
-
}), run =
|
48786
|
+
}), run = _z.data, error = _z.error;
|
48782
48787
|
var sendRun = React.useCallback(function (run) { return getValue(run); }, [run]);
|
48783
48788
|
/**
|
48784
48789
|
* Fetch job just one time
|
@@ -48802,9 +48807,9 @@ var RunCard = function (_a) {
|
|
48802
48807
|
return undefined;
|
48803
48808
|
return run.status.status;
|
48804
48809
|
}, [run]);
|
48805
|
-
var
|
48806
|
-
var
|
48807
|
-
var
|
48810
|
+
var _0 = React.useState(), study = _0[0], setStudy = _0[1];
|
48811
|
+
var _1 = React.useState(), localStudy = _1[0], setLocalStudy = _1[1];
|
48812
|
+
var _2 = React.useState(getDuration(run)), duration = _2[0], setDuration = _2[1];
|
48808
48813
|
React.useEffect(function () {
|
48809
48814
|
if (!run)
|
48810
48815
|
return undefined;
|
@@ -48835,7 +48840,7 @@ var RunCard = function (_a) {
|
|
48835
48840
|
info: false,
|
48836
48841
|
settings: false,
|
48837
48842
|
};
|
48838
|
-
var
|
48843
|
+
var _3 = React.useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _3[0], setHover = _3[1];
|
48839
48844
|
var toggleHover = React.useCallback(function (id, value) {
|
48840
48845
|
if (value === void 0) { value = false; }
|
48841
48846
|
setHover(function (prevHover) {
|
@@ -48850,10 +48855,28 @@ var RunCard = function (_a) {
|
|
48850
48855
|
var _a;
|
48851
48856
|
setHover(__assign(__assign({}, initialValues), (_a = {}, _a[defaultTab] = true, _a)));
|
48852
48857
|
}, [defaultTab]);
|
48858
|
+
/**
|
48859
|
+
* Rendering - if error
|
48860
|
+
*/
|
48853
48861
|
if (error)
|
48854
|
-
return React__default["default"].createElement(Logo, null);
|
48862
|
+
return loaderNode !== null && loaderNode !== void 0 ? loaderNode : React__default["default"].createElement(Logo, null);
|
48863
|
+
/**
|
48864
|
+
* Rendering - if CAD by web
|
48865
|
+
*/
|
48866
|
+
if (disabled)
|
48867
|
+
return React__default["default"].createElement("div", { className: enableClick ? "grid-container ".concat(isReady && !run.status.finished_at && 'blink-effect')
|
48868
|
+
: "grid-container disable-click ".concat(isReady && !run.status.finished_at && 'blink-effect'), tabIndex: 0, role: 'button', style: {
|
48869
|
+
borderColor: (_d = (_c = statusMap[status]) === null || _c === void 0 ? void 0 : _c.color) !== null && _d !== void 0 ? _d : '#d0d7de',
|
48870
|
+
backgroundColor: '#f5f5f5',
|
48871
|
+
textAlign: 'center'
|
48872
|
+
} },
|
48873
|
+
React__default["default"].createElement("div", { className: 'item1' },
|
48874
|
+
React__default["default"].createElement("button", { className: 'link', style: { all: 'unset', cursor: 'pointer', marginRight: '0.75rem' } },
|
48875
|
+
React__default["default"].createElement(Avatar, { src: '', size: 32, color: hover.account ? '#40a9ff' : undefined })),
|
48876
|
+
React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } }, "/"),
|
48877
|
+
React__default["default"].createElement("button", { className: 'link', style: { all: 'unset' } }, "Enabled in Pollination CAD plugins")));
|
48855
48878
|
return (React__default["default"].createElement("div", { className: enableClick ? "grid-container ".concat(isReady && !run.status.finished_at && 'blink-effect')
|
48856
|
-
: "grid-container disable-click ".concat(isReady && !run.status.finished_at && 'blink-effect'), tabIndex: 0, role: 'button', style: __assign({ borderColor: (
|
48879
|
+
: "grid-container disable-click ".concat(isReady && !run.status.finished_at && 'blink-effect'), tabIndex: 0, role: 'button', style: __assign({ borderColor: (_f = (_e = statusMap[status]) === null || _e === void 0 ? void 0 : _e.color) !== null && _f !== void 0 ? _f : '#d0d7de' }, style), onClick: function () {
|
48857
48880
|
if (!enableClick)
|
48858
48881
|
return;
|
48859
48882
|
if (!localRun) {
|
@@ -48869,7 +48892,7 @@ var RunCard = function (_a) {
|
|
48869
48892
|
window.location.href = "/".concat(run.owner.name);
|
48870
48893
|
}
|
48871
48894
|
} },
|
48872
|
-
React__default["default"].createElement(Avatar, { src: run ? (
|
48895
|
+
React__default["default"].createElement(Avatar, { src: run ? (_g = run.owner) === null || _g === void 0 ? void 0 : _g.picture_url : '', size: 32, color: hover.account ? '#40a9ff' : undefined })),
|
48873
48896
|
React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } }, "/"),
|
48874
48897
|
React__default["default"].createElement("button", { className: 'link', title: 'Go to project page', onMouseOver: function (e) { return toggleHover('project', true); }, onMouseLeave: function (e) { return toggleHover('project', false); }, onClick: function (e) {
|
48875
48898
|
e.stopPropagation();
|
@@ -48951,9 +48974,8 @@ var RunCard = function (_a) {
|
|
48951
48974
|
window.location.href = "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id);
|
48952
48975
|
}
|
48953
48976
|
}, style: { all: 'unset', cursor: 'pointer', color: "".concat(hover.study
|
48954
|
-
? '#40a9ff' : '#000') } },
|
48955
|
-
|
48956
|
-
localRun && localStudy && localStudy.name),
|
48977
|
+
? '#40a9ff' : '#000') } }, localRun ? (localStudy ? localStudy.name : _run['studyName'] // Get name from _run
|
48978
|
+
) : (study ? (_h = study.spec.name) !== null && _h !== void 0 ? _h : "Study: ".concat(study.id) : '--')),
|
48957
48979
|
React__default["default"].createElement("button", { style: { all: 'unset', margin: '0 0 0 8px', cursor: 'pointer' }, onMouseOver: function (e) { return toggleHover('info', true); }, onMouseLeave: function (e) { return toggleHover('info', false); }, onClick: function (e) {
|
48958
48980
|
e.stopPropagation();
|
48959
48981
|
setSeeDescription(function (prev) { return !prev; });
|
@@ -48963,7 +48985,7 @@ var RunCard = function (_a) {
|
|
48963
48985
|
React__default["default"].createElement("div", { className: 'item4', title: run && dayjs_min(run.status.started_at).format('[on] MMM DD YYYY [at] hh:mm') }, run ? dayjs_min(run.status.started_at).format('[on] MMM DD YYYY') : '--'),
|
48964
48986
|
React__default["default"].createElement("div", { className: 'item5' },
|
48965
48987
|
React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
|
48966
|
-
React__default["default"].createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: run ? (
|
48988
|
+
React__default["default"].createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: run ? (_j = run.author) === null || _j === void 0 ? void 0 : _j.picture_url : '', size: 24 })),
|
48967
48989
|
React__default["default"].createElement("a", { className: 'link', onClick: function (e) {
|
48968
48990
|
e.stopPropagation();
|
48969
48991
|
if (!localRun) {
|
@@ -48971,7 +48993,7 @@ var RunCard = function (_a) {
|
|
48971
48993
|
return;
|
48972
48994
|
window.location.href = "/".concat(run.author.name);
|
48973
48995
|
}
|
48974
|
-
}, title: 'Go to author page', target: '_blank', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover('author', true); }, onMouseLeave: function (e) { return toggleHover('author', false); }, style: hover.author ? { color: '#40a9ff' } : {} }, run ? ((
|
48996
|
+
}, title: 'Go to author page', target: '_blank', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover('author', true); }, onMouseLeave: function (e) { return toggleHover('author', false); }, style: hover.author ? { color: '#40a9ff' } : {} }, run ? ((_l = (_k = run.author) === null || _k === void 0 ? void 0 : _k.display_name) !== null && _l !== void 0 ? _l : (_m = run.author) === null || _m === void 0 ? void 0 : _m.name) : '--')),
|
48975
48997
|
React__default["default"].createElement("div", { className: 'item6' },
|
48976
48998
|
React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
|
48977
48999
|
React__default["default"].createElement(Avatar, { color: hover.recipe ? '#40a9ff' : undefined, src: run ? run.recipe.metadata.icon : '', size: 24 })),
|
@@ -48990,7 +49012,7 @@ var RunCard = function (_a) {
|
|
48990
49012
|
React__default["default"].createElement("span", { className: 'status-label', style: { marginRight: '0.75rem' } }, run ? status : '--'),
|
48991
49013
|
React__default["default"].createElement("span", { className: 'light-text' },
|
48992
49014
|
!isReady && React__default["default"].createElement(LoadingOutlined$1, null),
|
48993
|
-
|
49015
|
+
run && width > 600 &&
|
48994
49016
|
"".concat(run.meta.progress.completed, " / ").concat(run.meta.progress.total, " steps"))),
|
48995
49017
|
React__default["default"].createElement("div", { className: 'item9', title: 'CPU usage' },
|
48996
49018
|
React__default["default"].createElement(Cpu$1, { size: 18, style: { marginRight: '0.15rem' } }),
|
@@ -49580,20 +49602,18 @@ var RunDetails = function (_a) {
|
|
49580
49602
|
var _b = React.useState([]), extraInputs = _b[0], setExtraInputs = _b[1];
|
49581
49603
|
var _c = React.useState([]), recipeInputs = _c[0], setRecipeInputs = _c[1];
|
49582
49604
|
var _d = React.useState([]), outputs = _d[0], setOutputs = _d[1];
|
49583
|
-
var _e = React.useState(), currRun = _e[0], setCurrRun = _e[1];
|
49584
|
-
React.useEffect(function () { return setCurrRun(run); }, [run]);
|
49585
49605
|
React.useEffect(function () {
|
49586
|
-
if (!
|
49606
|
+
if (!run)
|
49587
49607
|
return;
|
49588
49608
|
var recipeInputNames = [];
|
49589
|
-
if (
|
49590
|
-
recipeInputNames =
|
49609
|
+
if (run.recipe && run.recipe.inputs) {
|
49610
|
+
recipeInputNames = run.recipe.inputs.map(function (i) { return i.name; });
|
49591
49611
|
}
|
49592
49612
|
var outputs = [];
|
49593
49613
|
var recipeInputs = [];
|
49594
49614
|
var extraInputs = [];
|
49595
49615
|
if (run.status) {
|
49596
|
-
|
49616
|
+
run.status.inputs.forEach(function (i) {
|
49597
49617
|
if (recipeInputNames.includes(i.name)) {
|
49598
49618
|
recipeInputs.push(i);
|
49599
49619
|
}
|
@@ -49601,12 +49621,12 @@ var RunDetails = function (_a) {
|
|
49601
49621
|
extraInputs.push(i);
|
49602
49622
|
}
|
49603
49623
|
});
|
49604
|
-
|
49624
|
+
run.status.outputs.map(function (o) { return outputs.push(o); });
|
49605
49625
|
}
|
49606
49626
|
setExtraInputs(extraInputs);
|
49607
49627
|
setRecipeInputs(recipeInputs);
|
49608
49628
|
setOutputs(outputs);
|
49609
|
-
}, [
|
49629
|
+
}, [run]);
|
49610
49630
|
return (React__default["default"].createElement("div", null,
|
49611
49631
|
outputs &&
|
49612
49632
|
React__default["default"].createElement(RunContent, { title: 'Outputs', inputData: outputs, projectName: projectName, projectOwner: projectOwner, studyId: run.status.job_id, runId: run.id || runId, client: client, style: style, getFileCard: getFileCard, getFolderCard: getFolderCard }),
|