pollination-react-io 1.56.2 → 1.57.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/Cards/RunCard.types.d.ts +2 -1
- package/build/index.esm.js +49 -26
- package/build/index.esm.js.map +1 -1
- package/build/index.js +49 -26
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
@@ -38056,7 +38056,8 @@ var usePollinationPanel = function () {
|
|
38056
38056
|
return job;
|
38057
38057
|
}
|
38058
38058
|
catch (error) {
|
38059
|
-
|
38059
|
+
// Do nothing. It is written at the end
|
38060
|
+
return undefined;
|
38060
38061
|
}
|
38061
38062
|
}, [panel]);
|
38062
38063
|
return {
|
@@ -48746,23 +48747,28 @@ var formatDuration = function (duration) {
|
|
48746
48747
|
};
|
48747
48748
|
var RunCard = function (_a) {
|
48748
48749
|
var _b;
|
48749
|
-
var _c, _d, _e, _f, _g, _h, _j, _k;
|
48750
|
-
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,
|
48751
|
-
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
|
+
}, []);
|
48752
48758
|
/*
|
48753
48759
|
* Fetch run
|
48754
48760
|
*/
|
48755
48761
|
var fetchJob = useJobs(client).fetchJob;
|
48756
|
-
var
|
48757
|
-
var
|
48758
|
-
var
|
48759
|
-
var
|
48760
|
-
var
|
48761
|
-
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];
|
48762
48768
|
/*
|
48763
48769
|
* From run and stop when it is done
|
48764
48770
|
*/
|
48765
|
-
var
|
48771
|
+
var _z = useSWR(authUser && _run ? (!localRun ? [projectOwner, projectName, _run.id] : [_run.id]) : undefined, localRun ? fetchLocalRun : fetchRun, {
|
48766
48772
|
revalidateOnFocus: false,
|
48767
48773
|
refreshInterval: stopRefresh ? undefined : interval,
|
48768
48774
|
fallbackData: localRun ? undefined : _run,
|
@@ -48771,13 +48777,13 @@ var RunCard = function (_a) {
|
|
48771
48777
|
if (localRun) {
|
48772
48778
|
var jobInfo = fetchLocalJob(_run.id);
|
48773
48779
|
setLocalStudy(jobInfo);
|
48774
|
-
}
|
48780
|
+
} // It is written at the end of the simulation
|
48775
48781
|
sendRun(run);
|
48776
48782
|
if (run.status.finished_at)
|
48777
48783
|
setStopRefresh(true);
|
48778
48784
|
setIsReady(true);
|
48779
48785
|
},
|
48780
|
-
}), run =
|
48786
|
+
}), run = _z.data, error = _z.error;
|
48781
48787
|
var sendRun = React.useCallback(function (run) { return getValue(run); }, [run]);
|
48782
48788
|
/**
|
48783
48789
|
* Fetch job just one time
|
@@ -48801,9 +48807,9 @@ var RunCard = function (_a) {
|
|
48801
48807
|
return undefined;
|
48802
48808
|
return run.status.status;
|
48803
48809
|
}, [run]);
|
48804
|
-
var
|
48805
|
-
var
|
48806
|
-
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];
|
48807
48813
|
React.useEffect(function () {
|
48808
48814
|
if (!run)
|
48809
48815
|
return undefined;
|
@@ -48834,7 +48840,7 @@ var RunCard = function (_a) {
|
|
48834
48840
|
info: false,
|
48835
48841
|
settings: false,
|
48836
48842
|
};
|
48837
|
-
var
|
48843
|
+
var _3 = React.useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _3[0], setHover = _3[1];
|
48838
48844
|
var toggleHover = React.useCallback(function (id, value) {
|
48839
48845
|
if (value === void 0) { value = false; }
|
48840
48846
|
setHover(function (prevHover) {
|
@@ -48849,10 +48855,28 @@ var RunCard = function (_a) {
|
|
48849
48855
|
var _a;
|
48850
48856
|
setHover(__assign(__assign({}, initialValues), (_a = {}, _a[defaultTab] = true, _a)));
|
48851
48857
|
}, [defaultTab]);
|
48858
|
+
/**
|
48859
|
+
* Rendering - if error
|
48860
|
+
*/
|
48852
48861
|
if (error)
|
48853
|
-
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")));
|
48854
48878
|
return (React__default["default"].createElement("div", { className: enableClick ? "grid-container ".concat(isReady && !run.status.finished_at && 'blink-effect')
|
48855
|
-
: "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 () {
|
48856
48880
|
if (!enableClick)
|
48857
48881
|
return;
|
48858
48882
|
if (!localRun) {
|
@@ -48868,7 +48892,7 @@ var RunCard = function (_a) {
|
|
48868
48892
|
window.location.href = "/".concat(run.owner.name);
|
48869
48893
|
}
|
48870
48894
|
} },
|
48871
|
-
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 })),
|
48872
48896
|
React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } }, "/"),
|
48873
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) {
|
48874
48898
|
e.stopPropagation();
|
@@ -48950,9 +48974,8 @@ var RunCard = function (_a) {
|
|
48950
48974
|
window.location.href = "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id);
|
48951
48975
|
}
|
48952
48976
|
}, style: { all: 'unset', cursor: 'pointer', color: "".concat(hover.study
|
48953
|
-
? '#40a9ff' : '#000') } },
|
48954
|
-
|
48955
|
-
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) : '--')),
|
48956
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) {
|
48957
48980
|
e.stopPropagation();
|
48958
48981
|
setSeeDescription(function (prev) { return !prev; });
|
@@ -48962,7 +48985,7 @@ var RunCard = function (_a) {
|
|
48962
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') : '--'),
|
48963
48986
|
React__default["default"].createElement("div", { className: 'item5' },
|
48964
48987
|
React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
|
48965
|
-
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 })),
|
48966
48989
|
React__default["default"].createElement("a", { className: 'link', onClick: function (e) {
|
48967
48990
|
e.stopPropagation();
|
48968
48991
|
if (!localRun) {
|
@@ -48970,7 +48993,7 @@ var RunCard = function (_a) {
|
|
48970
48993
|
return;
|
48971
48994
|
window.location.href = "/".concat(run.author.name);
|
48972
48995
|
}
|
48973
|
-
}, 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) : '--')),
|
48974
48997
|
React__default["default"].createElement("div", { className: 'item6' },
|
48975
48998
|
React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
|
48976
48999
|
React__default["default"].createElement(Avatar, { color: hover.recipe ? '#40a9ff' : undefined, src: run ? run.recipe.metadata.icon : '', size: 24 })),
|
@@ -48989,7 +49012,7 @@ var RunCard = function (_a) {
|
|
48989
49012
|
React__default["default"].createElement("span", { className: 'status-label', style: { marginRight: '0.75rem' } }, run ? status : '--'),
|
48990
49013
|
React__default["default"].createElement("span", { className: 'light-text' },
|
48991
49014
|
!isReady && React__default["default"].createElement(LoadingOutlined$1, null),
|
48992
|
-
|
49015
|
+
run && width > 600 &&
|
48993
49016
|
"".concat(run.meta.progress.completed, " / ").concat(run.meta.progress.total, " steps"))),
|
48994
49017
|
React__default["default"].createElement("div", { className: 'item9', title: 'CPU usage' },
|
48995
49018
|
React__default["default"].createElement(Cpu$1, { size: 18, style: { marginRight: '0.15rem' } }),
|