pollination-react-io 1.85.1 → 1.85.2

package/build/index.js

@@ -55848,28 +55848,28 @@ var formatDuration = function (duration) {
 };
 var RunCard = function (_a) {
     var _b;
-    var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-    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;
-    var _3 = usePollinationPanel(), fetchLocalRun = _3.fetchLocalRun, fetchLocalJob = _3.fetchLocalJob, fileExplorer = _3.fileExplorer, deleteJob = _3.deleteJob;
+    var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+    var projectName = _a.projectName, projectOwner = _a.projectOwner, _run = _a.run, authUser = _a.authUser, client = _a.client, _v = _a.enableClick, enableClick = _v === void 0 ? true : _v, _w = _a.style, style = _w === void 0 ? {} : _w, _x = _a.getTab, getTab = _x === void 0 ? function (tab) { return undefined; } : _x, _y = _a.defaultTab, defaultTab = _y === void 0 ? RunTabs.details : _y, _z = _a.getValue, getValue = _z === void 0 ? function (run) { return undefined; } : _z, _0 = _a.interval, interval = _0 === void 0 ? 5000 : _0, _1 = _a.canWrite, canWrite = _1 === void 0 ? false : _1, _2 = _a.localRun, localRun = _2 === void 0 ? false : _2, _3 = _a.loaderNode, loaderNode = _3 === void 0 ? undefined : _3;
+    var _4 = usePollinationPanel(), fetchLocalRun = _4.fetchLocalRun, fetchLocalJob = _4.fetchLocalJob, fileExplorer = _4.fileExplorer, deleteJob = _4.deleteJob;
     var disabled = React.useMemo(function () {
         if (!localRun)
             return;
         return !checkPollinationPanel();
-    }, []);
+    }, [localRun]);
     /*
      * Fetch run
      */
     var fetchJob = useJobs(client).fetchJob;
-    var _4 = useRuns(client), fetchRun = _4.fetchRun, statusMap = _4.statusMap, getDuration = _4.getDuration, cancelRun = _4.cancelRun;
-    var _5 = useWindowDimensions(), width = _5.width; _5.height;
-    var _6 = React.useState(false), seeDescription = _6[0], setSeeDescription = _6[1];
-    var _7 = React.useState(false), seeAction = _7[0], setSeeAction = _7[1];
-    var _8 = React.useState(false), stopRefresh = _8[0], setStopRefresh = _8[1];
-    var _9 = React.useState(false), isReady = _9[0], setIsReady = _9[1];
+    var _5 = useRuns(client), fetchRun = _5.fetchRun, statusMap = _5.statusMap, getDuration = _5.getDuration, cancelRun = _5.cancelRun, retryRun = _5.retryRun;
+    var _6 = useWindowDimensions(), width = _6.width; _6.height;
+    var _7 = React.useState(false), seeDescription = _7[0], setSeeDescription = _7[1];
+    var _8 = React.useState(false), seeAction = _8[0], setSeeAction = _8[1];
+    var _9 = React.useState(false), stopRefresh = _9[0], setStopRefresh = _9[1];
+    var _10 = React.useState(false), isReady = _10[0], setIsReady = _10[1];
     /*
      * From run and stop when it is done
      */
-    var _10 = useSWR(authUser && _run ? (!localRun ? [projectOwner, projectName, _run.id] : [_run.id, _run['subfolder']]) : undefined, localRun ? fetchLocalRun : fetchRun, {
+    var _11 = useSWR(authUser && _run ? (!localRun ? [projectOwner, projectName, _run.id] : [_run.id, _run['subfolder']]) : undefined, localRun ? fetchLocalRun : fetchRun, {
         revalidateOnFocus: true,
         refreshWhenHidden: true,
         refreshInterval: stopRefresh ? undefined : interval,
@@ -55885,8 +55885,8 @@ var RunCard = function (_a) {
                 setStopRefresh(true);
             setIsReady(true);
         },
-    }), run = _10.data, error = _10.error;
-    var sendRun = React.useCallback(function (run) { return getValue(run); }, [run]);
+    }), run = _11.data, error = _11.error;
+    var sendRun = React.useCallback(function (run) { return getValue(run); }, [getValue]);
     /**
      * Fetch job just one time
      */
@@ -55900,7 +55900,7 @@ var RunCard = function (_a) {
             setStudy(d);
         })
             .catch(function () { setStudy(undefined); });
-    }, [_run]);
+    }, [_run, fetchJob, localRun, projectOwner, projectName, (_c = run === null || run === void 0 ? void 0 : run.status) === null || _c === void 0 ? void 0 : _c.job_id]);
     /**
      * Refresh status
      */
@@ -55909,9 +55909,9 @@ var RunCard = function (_a) {
             return undefined;
         return run.status.status;
     }, [run]);
-    var _11 = React.useState(), study = _11[0], setStudy = _11[1];
-    var _12 = React.useState(), localStudy = _12[0], setLocalStudy = _12[1];
-    var _13 = React.useState(getDuration(run)), duration = _13[0], setDuration = _13[1];
+    var _12 = React.useState(), study = _12[0], setStudy = _12[1];
+    var _13 = React.useState(), localStudy = _13[0], setLocalStudy = _13[1];
+    var _14 = React.useState(getDuration(run)), duration = _14[0], setDuration = _14[1];
     React.useEffect(function () {
         if (!run)
             return undefined;
@@ -55923,11 +55923,11 @@ var RunCard = function (_a) {
             setDuration(getDuration(run));
         }, 1000);
         return run.status.finished_at ? undefined : function () { return clearInterval(handle); };
-    }, [run]);
+    }, [run, getDuration]);
     /**
      * Manage hover effect
      */
-    var initialValues = {
+    var emptyHover = React.useMemo(function () { return ({
         study: false,
         account: false,
         project: false,
@@ -55941,22 +55941,22 @@ var RunCard = function (_a) {
         recipe: false,
         info: false,
         settings: false,
-    };
-    var _14 = React.useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _14[0], setHover = _14[1];
+    }); }, []);
+    var _15 = React.useState(__assign(__assign({}, emptyHover), (_b = {}, _b[defaultTab] = true, _b))), hover = _15[0], setHover = _15[1];
     var toggleHover = React.useCallback(function (id, value) {
         if (value === void 0) { value = false; }
         setHover(function (prevHover) {
             var _a;
             return (__assign(__assign({}, prevHover), (_a = {}, _a[id] = value, _a)));
         });
-    }, [hover]);
+    }, []);
     /*
      * Reset hover and use default tab
      */
     React.useEffect(function () {
         var _a;
-        setHover(__assign(__assign({}, initialValues), (_a = {}, _a[defaultTab] = true, _a)));
-    }, [defaultTab]);
+        setHover(__assign(__assign({}, emptyHover), (_a = {}, _a[defaultTab] = true, _a)));
+    }, [defaultTab, emptyHover]);
     var localStudyURLname = React.useMemo(function () {
         if (!localStudy)
             return;
@@ -55975,7 +55975,7 @@ var RunCard = function (_a) {
     if (disabled)
         return React__default["default"].createElement("div", { className: enableClick ? "grid-container ".concat(isReady && !run.status.finished_at && 'blink-effect')
                 : "grid-container disable-click ".concat(isReady && !run.status.finished_at && 'blink-effect'), tabIndex: 0, role: 'button', style: {
-                borderColor: (_d = (_c = statusMap[status]) === null || _c === void 0 ? void 0 : _c.color) !== null && _d !== void 0 ? _d : '#d0d7de',
+                borderColor: (_e = (_d = statusMap[status]) === null || _d === void 0 ? void 0 : _d.color) !== null && _e !== void 0 ? _e : '#d0d7de',
                 backgroundColor: '#f5f5f5',
                 textAlign: 'center'
             } },
@@ -55985,7 +55985,7 @@ var RunCard = function (_a) {
                 React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } }, "/"),
                 React__default["default"].createElement("button", { className: 'link', style: { all: 'unset' } }, "Enabled in Pollination CAD plugins")));
     return (React__default["default"].createElement("div", { className: (isReady && enableClick) ? "grid-container ".concat(isReady && !run.status.finished_at && 'blink-effect')
-            : "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 () {
+            : "grid-container disable-click ".concat(isReady && !run.status.finished_at && 'blink-effect'), tabIndex: 0, role: 'button', style: __assign({ borderColor: (_g = (_f = statusMap[status]) === null || _f === void 0 ? void 0 : _f.color) !== null && _g !== void 0 ? _g : '#d0d7de' }, style), onClick: function () {
             if (!enableClick)
                 return;
             if (!localRun) {
@@ -56111,12 +56111,12 @@ var RunCard = function (_a) {
                     }
                 }, style: { all: 'unset', cursor: 'pointer', color: "".concat(hover.study
                         ? '#40a9ff' : '#000') } }, localRun ? (localStudy ? localStudy.name : _run['studyName'] // Get name from _run
-            ) : (study ? (_g = study.spec.name) !== null && _g !== void 0 ? _g : "Study: ".concat(study.id) : '--'))),
-        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') : '--'),
+            ) : (study ? (_h = study.spec.name) !== null && _h !== void 0 ? _h : "Study: ".concat(study.id) : '--'))),
+        React__default["default"].createElement("div", { className: 'item4', title: run && ((_j = run === null || run === void 0 ? void 0 : run.status) === null || _j === void 0 ? void 0 : _j.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') : '--'),
         React__default["default"].createElement("div", { className: 'item5' },
             React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
-                !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 }),
-                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 })),
+                !localRun && React__default["default"].createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: run ? (_k = run.author) === null || _k === void 0 ? void 0 : _k.picture_url : '', size: 24 }),
+                localRun && run && React__default["default"].createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: (localStudy && (localStudy === null || localStudy === void 0 ? void 0 : localStudy.author)) ? (_l = localStudy.author) === null || _l === void 0 ? void 0 : _l.picture_url : (_m = run.author) === null || _m === void 0 ? void 0 : _m.picture_url, size: 24 })),
             React__default["default"].createElement("a", { className: 'link', onClick: function (e) {
                     var _a;
                     e.stopPropagation();
@@ -56129,11 +56129,11 @@ var RunCard = function (_a) {
                         window.location.href = "/".concat((_a = localStudy === null || localStudy === void 0 ? void 0 : localStudy.author) === null || _a === void 0 ? void 0 : _a.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' } : {} },
-                !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),
-                localRun && localStudy && ((_r = (_q = localStudy.author) === null || _q === void 0 ? void 0 : _q.display_name) !== null && _r !== void 0 ? _r : run.author.display_name))),
+                !localRun && run && ((_p = (_o = run.author) === null || _o === void 0 ? void 0 : _o.display_name) !== null && _p !== void 0 ? _p : (_q = run.author) === null || _q === void 0 ? void 0 : _q.name),
+                localRun && localStudy && ((_s = (_r = localStudy.author) === null || _r === void 0 ? void 0 : _r.display_name) !== null && _s !== void 0 ? _s : run.author.display_name))),
         React__default["default"].createElement("div", { className: 'item6' },
             React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
-                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 })),
+                React__default["default"].createElement(Avatar, { color: hover.recipe ? '#40a9ff' : undefined, src: run ? (_u = (_t = run.recipe) === null || _t === void 0 ? void 0 : _t.metadata) === null || _u === void 0 ? void 0 : _u.icon : '', size: 24 })),
             React__default["default"].createElement("a", { className: 'link', onClick: function (e) {
                     e.stopPropagation();
                     if (!localRun) {
@@ -56162,27 +56162,35 @@ var RunCard = function (_a) {
                 !localRun && study && study.spec.description,
                 localRun && localStudy && localStudy.description)),
         seeAction && width && React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement("div", { className: 'item7' },
-                !localRun && React__default["default"].createElement(Button, { disabled: !run || (run.status.status === dist$1.RunStatusEnum.Failed ||
-                        run.status.status === dist$1.RunStatusEnum.Succeeded ||
-                        run.status.status === dist$1.RunStatusEnum.Cancelled ||
-                        run.status.status === dist$1.RunStatusEnum.Unknown), onClick: function (e) {
-                        e.stopPropagation();
-                        if (!run)
-                            return;
-                        cancelRun(projectOwner, projectName, run.id)
-                            .then(function (d) { return console.log(d); })
-                            .catch(function (e) { return console.log(e); });
-                    } },
-                    React__default["default"].createElement(XOctagon$1, { style: { display: 'inline', margin: '0 5px 0 0' } }),
-                    " Cancel"),
+            React__default["default"].createElement("div", { className: 'item7', style: { display: 'flex' } },
+                !localRun && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                    React__default["default"].createElement(Button, { style: { marginRight: '0.75rem' }, disabled: !run || [dist$1.RunStatusEnum.Failed, dist$1.RunStatusEnum.Succeeded, dist$1.RunStatusEnum.Cancelled, dist$1.RunStatusEnum.Unknown].includes(run.status.status), onClick: function (e) {
+                            e.stopPropagation();
+                            if (!run)
+                                return;
+                            cancelRun(projectOwner, projectName, run.id)
+                                .then(function (d) { return console.log(d); })
+                                .catch(function (e) { return console.log(e); });
+                        } },
+                        React__default["default"].createElement(XOctagon$1, { style: { display: 'inline', margin: '0 5px 0 0' } }),
+                        " Cancel"),
+                    React__default["default"].createElement(Button, { style: { marginRight: '0.75rem' }, disabled: !run || ![dist$1.RunStatusEnum.Failed, dist$1.RunStatusEnum.Cancelled].includes(run.status.status), onClick: function (e) {
+                            e.stopPropagation();
+                            if (!run)
+                                return;
+                            retryRun(projectOwner, projectName, run.id)
+                                .then(function (d) { return console.log(d); })
+                                .catch(function (e) { return console.log(e); });
+                        } },
+                        React__default["default"].createElement(Recycle$1, { style: { display: 'inline', margin: '0 5px 0 0' } }),
+                        " Retry"))),
                 localRun && React__default["default"].createElement(Button, { disabled: !run || !run.status.finished_at, onClick: function (e) {
                         e.stopPropagation();
                         if (!run)
                             return;
                         var count = deleteJob("".concat(projectOwner, "/").concat(projectName), _run.id, _run['subfolder']);
                         if (count > 0) {
-                            if (window.location.href.includes("?path=")) {
+                            if (window.location.href.includes('?path=')) {
                                 window.history.back();
                             }
                             else {