pollination-react-io 1.102.0 → 1.103.0

package/build/index.js

@@ -56376,21 +56376,21 @@ var formatDuration$1 = function (duration) {
 var StudyCard = function (_a) {
     var _b;
     var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
-    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;
+    var projectName = _a.projectName, projectOwner = _a.projectOwner, _study = _a.study, _1 = _a.style, style = _1 === void 0 ? {} : _1, authUser = _a.authUser, client = _a.client, enableClick = _a.enableClick, _2 = _a.getTab, getTab = _2 === void 0 ? function (tab) { } : _2, _3 = _a.defaultTab, defaultTab = _3 === void 0 ? '' : _3, _4 = _a.enableLink, enableLink = _4 === void 0 ? false : _4, _5 = _a.canWrite, canWrite = _5 === void 0 ? false : _5, _6 = _a.getValue, getValue = _6 === void 0 ? function (job) { } : _6, _7 = _a.interval, interval = _7 === void 0 ? 5000 : _7;
     /**
      * Fetch hooks
      */
-    var _7 = useJobs(client), fetchJob = _7.fetchJob, getDuration = _7.getDuration, statusMap = _7.statusMap, deleteJob = _7.deleteJob, cancelJob = _7.cancelJob, retryFailedRuns = _7.retryFailedRuns;
-    var _8 = useRuns(client), listRuns = _8.listRuns, getTrigger = _8.getTrigger;
+    var _8 = useJobs(client), fetchJob = _8.fetchJob, getDuration = _8.getDuration, statusMap = _8.statusMap, deleteJob = _8.deleteJob, cancelJob = _8.cancelJob, retryFailedRuns = _8.retryFailedRuns;
+    var _9 = useRuns(client), listRuns = _9.listRuns, getTrigger = _9.getTrigger;
     var width = useWindowDimensions().width;
-    var _9 = React.useState(false), seeDescription = _9[0], setSeeDescription = _9[1];
-    var _10 = React.useState(false), seeAction = _10[0], setSeeAction = _10[1];
-    var _11 = React.useState(false), isReady = _11[0], setIsReady = _11[1];
-    var _12 = React.useState(false), retryLoading = _12[0], setRetryLoading = _12[1];
+    var _10 = React.useState(false), seeDescription = _10[0], setSeeDescription = _10[1];
+    var _11 = React.useState(false), seeAction = _11[0], setSeeAction = _11[1];
+    var _12 = React.useState(false), isReady = _12[0], setIsReady = _12[1];
+    var _13 = React.useState(false), retryLoading = _13[0], setRetryLoading = _13[1];
     /**
      * From job to run
      */
-    var study = useSWR(authUser && _study ? [projectOwner, projectName, _study.id] : undefined, fetchJob, {
+    var _14 = useSWR(authUser && _study ? [projectOwner, projectName, _study.id] : undefined, fetchJob, {
         revalidateOnFocus: true,
         refreshWhenHidden: true,
         refreshInterval: interval,
@@ -56422,7 +56422,7 @@ var StudyCard = function (_a) {
                 setIsReady(true);
             }
         }
-    }).data;
+    }), study = _14.data, mutate = _14.mutate;
     var sendJob = React.useCallback(function (job) { return getValue(job); }, [study]);
     var total = React.useMemo(function () {
         if (!study)
@@ -56446,25 +56446,23 @@ var StudyCard = function (_a) {
         }
         return study.status.status.toLocaleLowerCase();
     }, [study]);
-    var _13 = React.useState(), run = _13[0], setRun = _13[1];
-    var _14 = React.useState(getDuration(study)), duration = _14[0], setDuration = _14[1];
+    var _15 = React.useState(), run = _15[0], setRun = _15[1];
+    var _16 = React.useState(new Date()), time = _16[0], setTime = _16[1];
     React.useEffect(function () {
-        setRun(undefined);
-        if (!study)
-            return undefined;
-        if (study.status.finished_at) {
-            setDuration(getDuration(study));
-            return;
-        }
-        var handle = setInterval(function () {
-            setDuration(getDuration(study));
+        var interval = setInterval(function () {
+            setTime(new Date());
         }, 1000);
-        return function () { return clearInterval(handle); };
-    }, [study, getDuration]);
+        return function () { return clearInterval(interval); };
+    }, []);
+    var duration = React.useMemo(function () {
+        if (!study || !time)
+            return dayjs_min.duration({ seconds: 0 });
+        return getDuration(study);
+    }, [study, getDuration, time]);
     /*
     * Manage hover
     */
-    var initialValues = {
+    var initialValues = React.useMemo(function () { return ({
         account: false,
         project: false,
         details: false,
@@ -56477,22 +56475,22 @@ var StudyCard = function (_a) {
         recipe: false,
         info: false,
         settings: false
-    };
-    var _15 = React.useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _15[0], setHover = _15[1];
+    }); }, []);
+    var _17 = React.useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _17[0], setHover = _17[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]);
+    }, [setHover]);
     /*
     * Reset hover and use default tab
     */
     React.useEffect(function () {
         var _a;
         setHover(__assign(__assign({}, initialValues), (_a = {}, _a[defaultTab] = true, _a)));
-    }, [defaultTab]);
+    }, [defaultTab, initialValues, setHover]);
     return (React__default["default"].createElement("div", { className: (isReady && enableClick) ? "grid-container ".concat(isReady && !((_c = study === null || study === void 0 ? void 0 : study.status) === null || _c === void 0 ? void 0 : _c.finished_at) && 'blink-effect')
             : "grid-container disable-click ".concat(isReady && !((_d = study === null || study === void 0 ? void 0 : study.status) === null || _d === void 0 ? void 0 : _d.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 () {
             if (!enableClick)
@@ -56505,6 +56503,7 @@ var StudyCard = function (_a) {
             }
             else ;
         } },
+        React__default["default"].createElement(Ie, null),
         React__default["default"].createElement("div", { className: 'item1' },
             React__default["default"].createElement("a", { className: 'link', style: { all: 'unset', cursor: 'pointer', marginRight: '0.25rem',
                     color: "".concat(hover.account ? '#40a9ff' : '#000') }, title: 'Go to account page', onMouseOver: function (e) { return toggleHover('account', true); }, onMouseLeave: function (e) { return toggleHover('account', false); }, href: study && "/".concat(study.owner.name) }, ((projectOwner === null || projectOwner === void 0 ? void 0 : projectOwner.length) > 20)
@@ -56641,32 +56640,70 @@ var StudyCard = function (_a) {
         seeDescription && React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement("div", { className: 'item7' }, study ? study.spec.description : '--')),
         seeAction && width && React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement("div", { className: 'item7' },
-                React__default["default"].createElement(Button, { style: (width > 600)
-                        ? { display: 'inline', margin: '0 10px 0 0' }
-                        : { display: 'inline', float: 'right', margin: '0 10px 0 0' }, disabled: !study || (![dist$1.JobStatusEnum.Cancelled, dist$1.JobStatusEnum.Completed].includes(study.status.status)), onClick: function (e) {
+            React__default["default"].createElement("div", { className: 'item7', style: { display: 'flex' } },
+                React__default["default"].createElement(Button, { style: { marginRight: '0.75rem' }, disabled: !study || (![dist$1.JobStatusEnum.Cancelled, dist$1.JobStatusEnum.Completed].includes(study.status.status)), onClick: function (e) {
                         e.stopPropagation();
                         if (!study)
                             return;
-                        deleteJob(projectOwner, projectName, study.id)
-                            .then(function (d) { return document.location = "/".concat(projectOwner, "/projects/").concat(projectName); })
-                            .catch(function (e) { return console.log(e); });
+                        n$1.promise(deleteJob(projectOwner, projectName, study.id), {
+                            loading: 'Deleting study...',
+                            success: 'Study deleted',
+                            error: function (err) {
+                                console.log(err);
+                                return "Failed to delete study: ".concat(err);
+                            }
+                        }, {
+                            style: { minWidth: '300px', fontSize: '12px' },
+                            success: {
+                                duration: 5000,
+                                icon: '🔥',
+                                position: 'bottom-left'
+                            },
+                            error: {
+                                duration: 5000,
+                                position: 'bottom-left'
+                            },
+                            loading: {
+                                position: 'bottom-left'
+                            }
+                        }).finally(function () {
+                            mutate();
+                        });
                     } },
                     React__default["default"].createElement(Trash$1, { style: { display: 'inline', margin: '0 5px 0 0' } }),
                     " Delete"),
-                React__default["default"].createElement(Button, { style: (width > 600) ?
-                        { display: 'inline', margin: '0 10px 0 0' }
-                        : { display: 'inline', float: 'left', margin: '0 10px 0 0' }, disabled: !study || (study.status.runs_pending < 1 && study.status.runs_running < 1), onClick: function (e) {
+                React__default["default"].createElement(Button, { style: { marginRight: '0.75rem' }, disabled: !study || (study.status.runs_pending < 1 && study.status.runs_running < 1), onClick: function (e) {
                         e.stopPropagation();
                         if (!study)
                             return;
-                        cancelJob(projectOwner, projectName, study.id)
-                            .then(function (d) { return console.log(d); })
-                            .catch(function (e) { return console.log(e); });
+                        n$1.promise(cancelJob(projectOwner, projectName, study.id), {
+                            loading: 'Cancelling study...',
+                            success: 'Study cancelled',
+                            error: function (err) {
+                                console.log(err);
+                                return "Failed to cancel study: ".concat(err);
+                            }
+                        }, {
+                            style: { minWidth: '300px', fontSize: '12px' },
+                            success: {
+                                duration: 5000,
+                                icon: '🔥',
+                                position: 'bottom-left'
+                            },
+                            error: {
+                                duration: 5000,
+                                position: 'bottom-left'
+                            },
+                            loading: {
+                                position: 'bottom-left'
+                            }
+                        }).finally(function () {
+                            mutate();
+                        });
                     } },
                     React__default["default"].createElement(XOctagon$1, { style: { display: 'inline', margin: '0 5px 0 0' } }),
                     " Cancel"),
-                React__default["default"].createElement(Button, { style: (width > 600) ? { display: 'inline' } : { display: 'inline', float: 'left' }, disabled: !study || (study.status.runs_cancelled == 0 && study.status.runs_failed == 0), loading: retryLoading, onClick: function (e) {
+                React__default["default"].createElement(Button, { style: { marginRight: '0.75rem' }, disabled: !study || (study.status.runs_cancelled == 0 && study.status.runs_failed == 0), loading: retryLoading, onClick: function (e) {
                         setRetryLoading(true);
                         e.stopPropagation();
                         if (!study)
@@ -56693,6 +56730,7 @@ var StudyCard = function (_a) {
                                 position: 'bottom-left'
                             }
                         }).finally(function () {
+                            mutate();
                             setRetryLoading(false);
                         });
                     } },
@@ -56758,7 +56796,7 @@ var RunCard = function (_a) {
                 setStopRefresh(true);
             setIsReady(true);
         }
-    }), run = _11.data, error = _11.error;
+    }), run = _11.data, error = _11.error, mutate = _11.mutate;
     var sendRun = React.useCallback(function (run) { return getValue(run); }, [getValue]);
     /**
      * Fetch job just one time
@@ -56784,15 +56822,18 @@ var RunCard = function (_a) {
     }, [run]);
     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];
+    var _14 = React.useState(new Date()), time = _14[0], setTime = _14[1];
     React.useEffect(function () {
-        if (!run)
-            return;
-        var handle = setInterval(function () {
-            setDuration(getDuration(run));
+        var interval = setInterval(function () {
+            setTime(new Date());
         }, 1000);
-        return function () { return clearInterval(handle); };
-    }, [run, getDuration]);
+        return function () { return clearInterval(interval); };
+    }, []);
+    var duration = React.useMemo(function () {
+        if (!run || !time)
+            return dayjs_min.duration({ seconds: 0 });
+        return getDuration(run);
+    }, [run, getDuration, time]);
     /**
      * Manage hover effect
      */
@@ -56867,6 +56908,7 @@ var RunCard = function (_a) {
                 window.location.href = "/".concat(projectOwner, "/projects/").concat(projectName, "/localStudies/").concat(localStudyURLname, "/?path=").concat(_run.id, "&subfolder=").concat(_run['subfolder']);
             }
         } },
+        React__default["default"].createElement(Ie, null),
         React__default["default"].createElement("div", { className: 'item1' },
             React__default["default"].createElement("a", { className: 'link', style: { all: 'unset', cursor: 'pointer', marginRight: '0.25rem',
                     color: "".concat(hover.account ? '#40a9ff' : '#000') }, title: 'Go to account page', onMouseOver: function (e) { return toggleHover('account', true); }, onMouseLeave: function (e) { return toggleHover('account', false); }, onClick: function (e) {
@@ -57035,15 +57077,39 @@ var RunCard = function (_a) {
         seeAction && width && React__default["default"].createElement(React__default["default"].Fragment, null,
             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) {
+                    React__default["default"].createElement(Button, { style: { marginRight: '0.75rem' }, 
+                        // disabled={!run || [RunStatusEnum.Failed, RunStatusEnum.Succeeded, RunStatusEnum.Cancelled, RunStatusEnum.Unknown].includes(run.status.status)}
+                        onClick: function (e) {
                             e.stopPropagation();
                             if (!run)
                                 return;
-                            cancelRun(projectOwner, projectName, run.id)
-                                .then(function (d) {
-                                mutate(swrKey);
-                            })
-                                .catch(function (e) { return console.log(e); });
+                            n$1.promise(cancelRun(projectOwner, projectName, run.id), {
+                                loading: 'Cancelling run...',
+                                success: function (data) {
+                                    setStopRefresh(false);
+                                    return 'Run cancelled';
+                                },
+                                error: function (err) {
+                                    console.log(err);
+                                    return "Failed to cancel run: ".concat(err);
+                                },
+                            }, {
+                                style: { minWidth: '300px', fontSize: '12px' },
+                                success: {
+                                    duration: 5000,
+                                    icon: '🔥',
+                                    position: 'bottom-left'
+                                },
+                                error: {
+                                    duration: 5000,
+                                    position: 'bottom-left'
+                                },
+                                loading: {
+                                    position: 'bottom-left'
+                                }
+                            }).finally(function () {
+                                mutate();
+                            });
                         } },
                         React__default["default"].createElement(XOctagon$1, { style: { display: 'inline', margin: '0 5px 0 0' } }),
                         " Cancel"),
@@ -57058,7 +57124,6 @@ var RunCard = function (_a) {
                                 loading: 'Retrying run...',
                                 success: function (data) {
                                     setStopRefresh(false);
-                                    mutate(swrKey);
                                     return 'Retry in progress. Please wait.';
                                 },
                                 error: function (err) {
@@ -57080,12 +57145,12 @@ var RunCard = function (_a) {
                                     position: 'bottom-left'
                                 }
                             }).finally(function () {
+                                mutate();
                                 setRetryLoading(false);
                             });
                         } },
                         React__default["default"].createElement(Recycle$1, { style: { display: 'inline', margin: '0 5px 0 0' } }),
-                        " Retry"),
-                    React__default["default"].createElement(Ie, null))),
+                        " Retry"))),
                 localRun && React__default["default"].createElement(Button, { disabled: !run || !run.status.finished_at, onClick: function (e) {
                         e.stopPropagation();
                         if (!run)