pollination-react-io 1.80.2 → 1.80.4
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/index.esm.js +44 -44
- package/build/index.esm.js.map +1 -1
- package/build/index.js +44 -44
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -55151,22 +55151,22 @@ var formatDuration$1 = function (duration) {
|
|
|
55151
55151
|
};
|
|
55152
55152
|
var StudyCard = function (_a) {
|
|
55153
55153
|
var _b;
|
|
55154
|
-
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
|
|
55155
|
-
var projectName = _a.projectName, projectOwner = _a.projectOwner, _study = _a.study, style = _a.style, authUser = _a.authUser, client = _a.client, enableClick = _a.enableClick,
|
|
55154
|
+
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
|
|
55155
|
+
var projectName = _a.projectName, projectOwner = _a.projectOwner, _study = _a.study, style = _a.style, authUser = _a.authUser, client = _a.client, enableClick = _a.enableClick, _1 = _a.getTab, getTab = _1 === void 0 ? function (tab) { } : _1, _2 = _a.defaultTab, defaultTab = _2 === void 0 ? '' : _2, _3 = _a.enableLink, enableLink = _3 === void 0 ? false : _3, _4 = _a.canWrite, canWrite = _4 === void 0 ? false : _4, _5 = _a.getValue, getValue = _5 === void 0 ? function (job) { } : _5, _6 = _a.interval, interval = _6 === void 0 ? 5000 : _6;
|
|
55156
55156
|
/**
|
|
55157
55157
|
* Fetch hooks
|
|
55158
55158
|
*/
|
|
55159
|
-
var
|
|
55160
|
-
var
|
|
55161
|
-
var
|
|
55162
|
-
var
|
|
55163
|
-
var
|
|
55164
|
-
var
|
|
55165
|
-
var
|
|
55159
|
+
var _7 = useJobs(client), fetchJob = _7.fetchJob, getDuration = _7.getDuration, statusMap = _7.statusMap, deleteJob = _7.deleteJob, cancelJob = _7.cancelJob;
|
|
55160
|
+
var _8 = useRuns(client), listRuns = _8.listRuns, getTrigger = _8.getTrigger;
|
|
55161
|
+
var _9 = useWindowDimensions(), width = _9.width; _9.height;
|
|
55162
|
+
var _10 = React.useState(false), seeDescription = _10[0], setSeeDescription = _10[1];
|
|
55163
|
+
var _11 = React.useState(false), seeAction = _11[0], setSeeAction = _11[1];
|
|
55164
|
+
var _12 = React.useState(false), stopRefresh = _12[0], setStopRefresh = _12[1];
|
|
55165
|
+
var _13 = React.useState(false), isReady = _13[0], setIsReady = _13[1];
|
|
55166
55166
|
/**
|
|
55167
55167
|
* From job to run
|
|
55168
55168
|
*/
|
|
55169
|
-
var
|
|
55169
|
+
var _14 = useSWR(authUser && _study ? [projectOwner, projectName, _study.id] : undefined, fetchJob, {
|
|
55170
55170
|
revalidateOnFocus: true,
|
|
55171
55171
|
refreshWhenHidden: true,
|
|
55172
55172
|
refreshInterval: stopRefresh ? undefined : interval,
|
|
@@ -55200,7 +55200,7 @@ var StudyCard = function (_a) {
|
|
|
55200
55200
|
if (study.status.finished_at)
|
|
55201
55201
|
setStopRefresh(true);
|
|
55202
55202
|
}
|
|
55203
|
-
}), study =
|
|
55203
|
+
}), study = _14.data; _14.error; _14.isValidating;
|
|
55204
55204
|
var sendJob = React.useCallback(function (job) { return getValue(job); }, [study]);
|
|
55205
55205
|
var total = React.useMemo(function () {
|
|
55206
55206
|
if (!study)
|
|
@@ -55224,8 +55224,8 @@ var StudyCard = function (_a) {
|
|
|
55224
55224
|
}
|
|
55225
55225
|
return study.status.status.toLocaleLowerCase();
|
|
55226
55226
|
}, [study]);
|
|
55227
|
-
var
|
|
55228
|
-
var
|
|
55227
|
+
var _15 = React.useState(), run = _15[0], setRun = _15[1];
|
|
55228
|
+
var _16 = React.useState(getDuration(study)), duration = _16[0], setDuration = _16[1];
|
|
55229
55229
|
React.useEffect(function () {
|
|
55230
55230
|
setRun(undefined);
|
|
55231
55231
|
if (!study)
|
|
@@ -55256,7 +55256,7 @@ var StudyCard = function (_a) {
|
|
|
55256
55256
|
info: false,
|
|
55257
55257
|
settings: false
|
|
55258
55258
|
};
|
|
55259
|
-
var
|
|
55259
|
+
var _17 = React.useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _17[0], setHover = _17[1];
|
|
55260
55260
|
var toggleHover = React.useCallback(function (id, value) {
|
|
55261
55261
|
if (value === void 0) { value = false; }
|
|
55262
55262
|
setHover(function (prevHover) {
|
|
@@ -55390,26 +55390,26 @@ var StudyCard = function (_a) {
|
|
|
55390
55390
|
React__default["default"].createElement("span", null,
|
|
55391
55391
|
study ? (_g = study.spec.name) !== null && _g !== void 0 ? _g : "Study: ".concat(study.id) : '--',
|
|
55392
55392
|
study && total > 1 && "(#".concat(total, ")"))),
|
|
55393
|
-
React__default["default"].createElement("div", { className: 'item4', title: study && dayjs_min(study.status.started_at).utc(true).tz(tmz$1).format('[on] MMM DD YYYY [at]
|
|
55393
|
+
React__default["default"].createElement("div", { className: 'item4', title: study && ((_h = study === null || study === void 0 ? void 0 : study.status) === null || _h === void 0 ? void 0 : _h.finished_at) && dayjs_min(study.status.started_at).utc(true).tz(tmz$1).format('[on] MMM DD YYYY [at] HH:mm') }, study ? dayjs_min(study.status.started_at).utc(true).tz(tmz$1).format('[on] MMM DD YYYY') : '--'),
|
|
55394
55394
|
React__default["default"].createElement("div", { className: 'item5' },
|
|
55395
55395
|
React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
|
|
55396
|
-
React__default["default"].createElement(Avatar, { src: study ? (
|
|
55397
|
-
React__default["default"].createElement("a", { className: 'link', href: study ? "/".concat((
|
|
55396
|
+
React__default["default"].createElement(Avatar, { src: study ? (_j = study.author) === null || _j === void 0 ? void 0 : _j.picture_url : '', size: 24, color: hover.author ? '#40a9ff' : undefined })),
|
|
55397
|
+
React__default["default"].createElement("a", { className: 'link', href: study ? "/".concat((_k = study.author) === null || _k === void 0 ? void 0 : _k.name) : '', title: 'Go to author page', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover('author', true); }, onMouseLeave: function (e) { return toggleHover('author', false); }, style: hover.author ? { color: '#40a9ff' } : {} }, study ? ((_m = (_l = study.author) === null || _l === void 0 ? void 0 : _l.display_name) !== null && _m !== void 0 ? _m : (_o = study.author) === null || _o === void 0 ? void 0 : _o.name) : '--')),
|
|
55398
55398
|
React__default["default"].createElement("div", { className: 'item6' },
|
|
55399
55399
|
React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
|
|
55400
|
-
React__default["default"].createElement(Avatar, { src: study ? (
|
|
55401
|
-
React__default["default"].createElement("a", { className: 'link', href: study ? recipeLinkFromSource((
|
|
55400
|
+
React__default["default"].createElement(Avatar, { src: study ? (_q = (_p = study.recipe) === null || _p === void 0 ? void 0 : _p.metadata) === null || _q === void 0 ? void 0 : _q.icon : '', size: 24, color: hover.recipe ? '#40a9ff' : undefined })),
|
|
55401
|
+
React__default["default"].createElement("a", { className: 'link', href: study ? recipeLinkFromSource((_r = study === null || study === void 0 ? void 0 : study.recipe) === null || _r === void 0 ? void 0 : _r.source) : '', title: 'Go to recipe page', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover('recipe', true); }, onMouseLeave: function (e) { return toggleHover('recipe', false); }, style: hover.recipe ? { color: '#40a9ff' } : {} }, study ? (_t = (_s = study.recipe) === null || _s === void 0 ? void 0 : _s.metadata) === null || _t === void 0 ? void 0 : _t.name : '--'),
|
|
55402
55402
|
study && React__default["default"].createElement("span", { className: 'light-text' },
|
|
55403
|
-
" ", (
|
|
55404
|
-
|
|
55403
|
+
" ", (_v = (_u = study.recipe) === null || _u === void 0 ? void 0 : _u.metadata) === null || _v === void 0 ? void 0 :
|
|
55404
|
+
_v.tag)),
|
|
55405
55405
|
React__default["default"].createElement("div", { className: 'item8' },
|
|
55406
55406
|
React__default["default"].createElement("span", { className: 'status-label', style: { marginRight: '0.75rem' } }, study ? status.charAt(0).toUpperCase() + status.slice(1) : '--'),
|
|
55407
55407
|
React__default["default"].createElement("span", { className: 'light-text' },
|
|
55408
55408
|
!isReady && React__default["default"].createElement(LoadingOutlined$1, null),
|
|
55409
55409
|
(study && total == 1) && run && width > 600 &&
|
|
55410
|
-
"".concat((
|
|
55410
|
+
"".concat((_x = (_w = run.meta) === null || _w === void 0 ? void 0 : _w.progress) === null || _x === void 0 ? void 0 : _x.completed, " / ").concat((_z = (_y = run.meta) === null || _y === void 0 ? void 0 : _y.progress) === null || _z === void 0 ? void 0 : _z.total, " steps"),
|
|
55411
55411
|
(study && total > 1) && width > 600 &&
|
|
55412
|
-
"".concat((
|
|
55412
|
+
"".concat((_0 = study.status) === null || _0 === void 0 ? void 0 : _0.runs_completed, " / ").concat(total, " runs"))),
|
|
55413
55413
|
React__default["default"].createElement("div", { className: 'item9', title: 'CPU usage' },
|
|
55414
55414
|
React__default["default"].createElement(Cpu$1, { size: 18, style: { marginRight: '0.15rem' } }),
|
|
55415
55415
|
React__default["default"].createElement("span", { className: 'light-text' }, study ? "".concat(formatDuration$1(dayjs_min.duration(study.resources_duration.cpu, 'seconds'))) : '--')),
|
|
@@ -55461,9 +55461,9 @@ var formatDuration = function (duration) {
|
|
|
55461
55461
|
};
|
|
55462
55462
|
var RunCard = function (_a) {
|
|
55463
55463
|
var _b;
|
|
55464
|
-
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
|
|
55465
|
-
var projectName = _a.projectName, projectOwner = _a.projectOwner, _run = _a.run, authUser = _a.authUser, client = _a.client,
|
|
55466
|
-
var
|
|
55464
|
+
var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
55465
|
+
var projectName = _a.projectName, projectOwner = _a.projectOwner, _run = _a.run, authUser = _a.authUser, client = _a.client, _u = _a.enableClick, enableClick = _u === void 0 ? true : _u, _v = _a.style, style = _v === void 0 ? {} : _v, _w = _a.getTab, getTab = _w === void 0 ? function (tab) { return undefined; } : _w, _x = _a.defaultTab, defaultTab = _x === void 0 ? RunTabs.details : _x, _y = _a.getValue, getValue = _y === void 0 ? function (run) { return undefined; } : _y, _z = _a.interval, interval = _z === void 0 ? 5000 : _z, _0 = _a.canWrite, canWrite = _0 === void 0 ? false : _0, _1 = _a.localRun, localRun = _1 === void 0 ? false : _1, _2 = _a.loaderNode, loaderNode = _2 === void 0 ? undefined : _2;
|
|
55466
|
+
var _3 = usePollinationPanel(), fetchLocalRun = _3.fetchLocalRun, fetchLocalJob = _3.fetchLocalJob, fileExplorer = _3.fileExplorer, deleteJob = _3.deleteJob;
|
|
55467
55467
|
var disabled = React.useMemo(function () {
|
|
55468
55468
|
if (!localRun)
|
|
55469
55469
|
return;
|
|
@@ -55473,16 +55473,16 @@ var RunCard = function (_a) {
|
|
|
55473
55473
|
* Fetch run
|
|
55474
55474
|
*/
|
|
55475
55475
|
var fetchJob = useJobs(client).fetchJob;
|
|
55476
|
-
var
|
|
55477
|
-
var
|
|
55478
|
-
var
|
|
55479
|
-
var
|
|
55480
|
-
var
|
|
55481
|
-
var
|
|
55476
|
+
var _4 = useRuns(client), fetchRun = _4.fetchRun, statusMap = _4.statusMap, getDuration = _4.getDuration, cancelRun = _4.cancelRun;
|
|
55477
|
+
var _5 = useWindowDimensions(), width = _5.width; _5.height;
|
|
55478
|
+
var _6 = React.useState(false), seeDescription = _6[0], setSeeDescription = _6[1];
|
|
55479
|
+
var _7 = React.useState(false), seeAction = _7[0], setSeeAction = _7[1];
|
|
55480
|
+
var _8 = React.useState(false), stopRefresh = _8[0], setStopRefresh = _8[1];
|
|
55481
|
+
var _9 = React.useState(false), isReady = _9[0], setIsReady = _9[1];
|
|
55482
55482
|
/*
|
|
55483
55483
|
* From run and stop when it is done
|
|
55484
55484
|
*/
|
|
55485
|
-
var
|
|
55485
|
+
var _10 = useSWR(authUser && _run ? (!localRun ? [projectOwner, projectName, _run.id] : [_run.id, _run['subfolder']]) : undefined, localRun ? fetchLocalRun : fetchRun, {
|
|
55486
55486
|
revalidateOnFocus: true,
|
|
55487
55487
|
refreshWhenHidden: true,
|
|
55488
55488
|
refreshInterval: stopRefresh ? undefined : interval,
|
|
@@ -55498,7 +55498,7 @@ var RunCard = function (_a) {
|
|
|
55498
55498
|
setStopRefresh(true);
|
|
55499
55499
|
setIsReady(true);
|
|
55500
55500
|
},
|
|
55501
|
-
}), run =
|
|
55501
|
+
}), run = _10.data, error = _10.error;
|
|
55502
55502
|
var sendRun = React.useCallback(function (run) { return getValue(run); }, [run]);
|
|
55503
55503
|
/**
|
|
55504
55504
|
* Fetch job just one time
|
|
@@ -55522,9 +55522,9 @@ var RunCard = function (_a) {
|
|
|
55522
55522
|
return undefined;
|
|
55523
55523
|
return run.status.status;
|
|
55524
55524
|
}, [run]);
|
|
55525
|
-
var
|
|
55526
|
-
var
|
|
55527
|
-
var
|
|
55525
|
+
var _11 = React.useState(), study = _11[0], setStudy = _11[1];
|
|
55526
|
+
var _12 = React.useState(), localStudy = _12[0], setLocalStudy = _12[1];
|
|
55527
|
+
var _13 = React.useState(getDuration(run)), duration = _13[0], setDuration = _13[1];
|
|
55528
55528
|
React.useEffect(function () {
|
|
55529
55529
|
if (!run)
|
|
55530
55530
|
return undefined;
|
|
@@ -55555,7 +55555,7 @@ var RunCard = function (_a) {
|
|
|
55555
55555
|
info: false,
|
|
55556
55556
|
settings: false,
|
|
55557
55557
|
};
|
|
55558
|
-
var
|
|
55558
|
+
var _14 = React.useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _14[0], setHover = _14[1];
|
|
55559
55559
|
var toggleHover = React.useCallback(function (id, value) {
|
|
55560
55560
|
if (value === void 0) { value = false; }
|
|
55561
55561
|
setHover(function (prevHover) {
|
|
@@ -55725,11 +55725,11 @@ var RunCard = function (_a) {
|
|
|
55725
55725
|
}, style: { all: 'unset', cursor: 'pointer', color: "".concat(hover.study
|
|
55726
55726
|
? '#40a9ff' : '#000') } }, localRun ? (localStudy ? localStudy.name : _run['studyName'] // Get name from _run
|
|
55727
55727
|
) : (study ? (_g = study.spec.name) !== null && _g !== void 0 ? _g : "Study: ".concat(study.id) : '--'))),
|
|
55728
|
-
React__default["default"].createElement("div", { className: 'item4', title: run && dayjs_min(run.status.started_at).utc(true).tz(tmz).format('[on] MMM DD YYYY [at]
|
|
55728
|
+
React__default["default"].createElement("div", { className: 'item4', title: run && ((_h = run === null || run === void 0 ? void 0 : run.status) === null || _h === void 0 ? void 0 : _h.finished_at) && dayjs_min(run.status.started_at).utc(localStudy ? false : true).tz(tmz).format('[on] MMM DD YYYY [at] HH:mm') }, run ? dayjs_min(run.status.started_at).utc(localStudy ? false : true).tz(tmz).format('[on] MMM DD YYYY') : '--'),
|
|
55729
55729
|
React__default["default"].createElement("div", { className: 'item5' },
|
|
55730
55730
|
React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
|
|
55731
|
-
!localRun && React__default["default"].createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: run ? (
|
|
55732
|
-
localRun && run && React__default["default"].createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: (localStudy && (localStudy === null || localStudy === void 0 ? void 0 : localStudy.author)) ? (
|
|
55731
|
+
!localRun && 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 }),
|
|
55732
|
+
localRun && run && React__default["default"].createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: (localStudy && (localStudy === null || localStudy === void 0 ? void 0 : localStudy.author)) ? (_k = localStudy.author) === null || _k === void 0 ? void 0 : _k.picture_url : (_l = run.author) === null || _l === void 0 ? void 0 : _l.picture_url, size: 24 })),
|
|
55733
55733
|
React__default["default"].createElement("a", { className: 'link', onClick: function (e) {
|
|
55734
55734
|
var _a;
|
|
55735
55735
|
e.stopPropagation();
|
|
@@ -55742,11 +55742,11 @@ var RunCard = function (_a) {
|
|
|
55742
55742
|
window.location.href = "/".concat((_a = localStudy === null || localStudy === void 0 ? void 0 : localStudy.author) === null || _a === void 0 ? void 0 : _a.name);
|
|
55743
55743
|
}
|
|
55744
55744
|
}, title: 'Go to author page', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover('author', true); }, onMouseLeave: function (e) { return toggleHover('author', false); }, style: hover.author ? { color: '#40a9ff' } : {} },
|
|
55745
|
-
!localRun && run && ((
|
|
55746
|
-
localRun && localStudy && ((
|
|
55745
|
+
!localRun && run && ((_o = (_m = run.author) === null || _m === void 0 ? void 0 : _m.display_name) !== null && _o !== void 0 ? _o : (_p = run.author) === null || _p === void 0 ? void 0 : _p.name),
|
|
55746
|
+
localRun && localStudy && ((_r = (_q = localStudy.author) === null || _q === void 0 ? void 0 : _q.display_name) !== null && _r !== void 0 ? _r : run.author.display_name))),
|
|
55747
55747
|
React__default["default"].createElement("div", { className: 'item6' },
|
|
55748
55748
|
React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
|
|
55749
|
-
React__default["default"].createElement(Avatar, { color: hover.recipe ? '#40a9ff' : undefined, src: run ? (
|
|
55749
|
+
React__default["default"].createElement(Avatar, { color: hover.recipe ? '#40a9ff' : undefined, src: run ? (_t = (_s = run.recipe) === null || _s === void 0 ? void 0 : _s.metadata) === null || _t === void 0 ? void 0 : _t.icon : '', size: 24 })),
|
|
55750
55750
|
React__default["default"].createElement("a", { className: 'link', onClick: function (e) {
|
|
55751
55751
|
e.stopPropagation();
|
|
55752
55752
|
if (!localRun) {
|