pollination-react-io 1.56.3 → 1.57.0

package/build/Cards/RunCard.types.d.ts

@@ -1,5 +1,5 @@
 import { Run, UserPrivate } from '@pollination-solutions/pollination-sdk';
-import { CSSProperties } from 'react';
+import { CSSProperties, ReactElement } from 'react';
 import { APIClient } from '../hooks';
 export declare enum RunTabs {
     details = "details",
@@ -20,4 +20,5 @@ export interface RunCardProps {
     getValue?: (run: Run) => any;
     canWrite?: boolean;
     localRun?: boolean;
+    loaderNode?: ReactElement<any, any>;
 }

package/build/index.esm.js

@@ -48721,23 +48721,28 @@ var formatDuration = function (duration) {
 };
 var RunCard = function (_a) {
     var _b;
-    var _c, _d, _e, _f, _g, _h, _j, _k;
-    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, _l = _a.interval, interval = _l === void 0 ? 5000 : _l, _m = _a.canWrite, canWrite = _m === void 0 ? false : _m, _o = _a.localRun, localRun = _o === void 0 ? false : _o;
-    var _p = usePollinationPanel(), fetchLocalRun = _p.fetchLocalRun, fetchLocalJob = _p.fetchLocalJob;
+    var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    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;
+    var _s = usePollinationPanel(), fetchLocalRun = _s.fetchLocalRun, fetchLocalJob = _s.fetchLocalJob;
+    var disabled = useMemo(function () {
+        if (!localRun)
+            return;
+        return !checkPollinationPanel();
+    }, []);
     /*
      * Fetch run
      */
     var fetchJob = useJobs(client).fetchJob;
-    var _q = useRuns(client), fetchRun = _q.fetchRun, statusMap = _q.statusMap, getDuration = _q.getDuration, cancelRun = _q.cancelRun;
-    var _r = useWindowDimensions(), width = _r.width; _r.height;
-    var _s = useState(false), seeDescription = _s[0], setSeeDescription = _s[1];
-    var _t = useState(false), seeAction = _t[0], setSeeAction = _t[1];
-    var _u = useState(false), stopRefresh = _u[0], setStopRefresh = _u[1];
-    var _v = useState(false), isReady = _v[0], setIsReady = _v[1];
+    var _t = useRuns(client), fetchRun = _t.fetchRun, statusMap = _t.statusMap, getDuration = _t.getDuration, cancelRun = _t.cancelRun;
+    var _u = useWindowDimensions(), width = _u.width; _u.height;
+    var _v = useState(false), seeDescription = _v[0], setSeeDescription = _v[1];
+    var _w = useState(false), seeAction = _w[0], setSeeAction = _w[1];
+    var _x = useState(false), stopRefresh = _x[0], setStopRefresh = _x[1];
+    var _y = useState(false), isReady = _y[0], setIsReady = _y[1];
     /*
      * From run and stop when it is done
      */
-    var _w = useSWR(authUser && _run ? (!localRun ? [projectOwner, projectName, _run.id] : [_run.id]) : undefined, localRun ? fetchLocalRun : fetchRun, {
+    var _z = useSWR(authUser && _run ? (!localRun ? [projectOwner, projectName, _run.id] : [_run.id]) : undefined, localRun ? fetchLocalRun : fetchRun, {
         revalidateOnFocus: false,
         refreshInterval: stopRefresh ? undefined : interval,
         fallbackData: localRun ? undefined : _run,
@@ -48746,13 +48751,13 @@ var RunCard = function (_a) {
             if (localRun) {
                 var jobInfo = fetchLocalJob(_run.id);
                 setLocalStudy(jobInfo);
-            }
+            } // It is written at the end of the simulation
             sendRun(run);
             if (run.status.finished_at)
                 setStopRefresh(true);
             setIsReady(true);
         },
-    }), run = _w.data, error = _w.error; _w.isValidating;
+    }), run = _z.data, error = _z.error;
     var sendRun = useCallback(function (run) { return getValue(run); }, [run]);
     /**
      * Fetch job just one time
@@ -48776,9 +48781,9 @@ var RunCard = function (_a) {
             return undefined;
         return run.status.status;
     }, [run]);
-    var _x = useState(), study = _x[0], setStudy = _x[1];
-    var _y = useState(), localStudy = _y[0], setLocalStudy = _y[1];
-    var _z = useState(getDuration(run)), duration = _z[0], setDuration = _z[1];
+    var _0 = useState(), study = _0[0], setStudy = _0[1];
+    var _1 = useState(), localStudy = _1[0], setLocalStudy = _1[1];
+    var _2 = useState(getDuration(run)), duration = _2[0], setDuration = _2[1];
     useEffect(function () {
         if (!run)
             return undefined;
@@ -48809,7 +48814,7 @@ var RunCard = function (_a) {
         info: false,
         settings: false,
     };
-    var _0 = useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _0[0], setHover = _0[1];
+    var _3 = useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _3[0], setHover = _3[1];
     var toggleHover = useCallback(function (id, value) {
         if (value === void 0) { value = false; }
         setHover(function (prevHover) {
@@ -48824,10 +48829,28 @@ var RunCard = function (_a) {
         var _a;
         setHover(__assign(__assign({}, initialValues), (_a = {}, _a[defaultTab] = true, _a)));
     }, [defaultTab]);
+    /**
+     * Rendering - if error
+     */
     if (error)
-        return React__default.createElement(Logo, null);
+        return loaderNode !== null && loaderNode !== void 0 ? loaderNode : React__default.createElement(Logo, null);
+    /**
+     * Rendering - if CAD by web
+     */
+    if (disabled)
+        return React__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',
+                backgroundColor: '#f5f5f5',
+                textAlign: 'center'
+            } },
+            React__default.createElement("div", { className: 'item1' },
+                React__default.createElement("button", { className: 'link', style: { all: 'unset', cursor: 'pointer', marginRight: '0.75rem' } },
+                    React__default.createElement(Avatar, { src: '', size: 32, color: hover.account ? '#40a9ff' : undefined })),
+                React__default.createElement("span", { style: { marginRight: '0.75rem' } }, "/"),
+                React__default.createElement("button", { className: 'link', style: { all: 'unset' } }, "Enabled in Pollination CAD plugins")));
     return (React__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: __assign({ borderColor: (_d = (_c = statusMap[status]) === null || _c === void 0 ? void 0 : _c.color) !== null && _d !== void 0 ? _d : '#d0d7de' }, style), onClick: function () {
+            : "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 () {
             if (!enableClick)
                 return;
             if (!localRun) {
@@ -48843,7 +48866,7 @@ var RunCard = function (_a) {
                         window.location.href = "/".concat(run.owner.name);
                     }
                 } },
-                React__default.createElement(Avatar, { src: run ? (_e = run.owner) === null || _e === void 0 ? void 0 : _e.picture_url : '', size: 32, color: hover.account ? '#40a9ff' : undefined })),
+                React__default.createElement(Avatar, { src: run ? (_g = run.owner) === null || _g === void 0 ? void 0 : _g.picture_url : '', size: 32, color: hover.account ? '#40a9ff' : undefined })),
             React__default.createElement("span", { style: { marginRight: '0.75rem' } }, "/"),
             React__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) {
                     e.stopPropagation();
@@ -48925,9 +48948,8 @@ var RunCard = function (_a) {
                             window.location.href = "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id);
                         }
                     }, style: { all: 'unset', cursor: 'pointer', color: "".concat(hover.study
-                            ? '#40a9ff' : '#000') } },
-                    !localRun && study ? (_f = study.spec.name) !== null && _f !== void 0 ? _f : "Study: ".concat(study.id) : '',
-                    localRun && localStudy && localStudy.name),
+                            ? '#40a9ff' : '#000') } }, localRun ? (localStudy ? localStudy.name : _run['studyName'] // Get name from _run
+                ) : (study ? (_h = study.spec.name) !== null && _h !== void 0 ? _h : "Study: ".concat(study.id) : '--')),
                 React__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) {
                         e.stopPropagation();
                         setSeeDescription(function (prev) { return !prev; });
@@ -48937,7 +48959,7 @@ var RunCard = function (_a) {
         React__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') : '--'),
         React__default.createElement("div", { className: 'item5' },
             React__default.createElement("span", { style: { marginRight: '0.75rem' } },
-                React__default.createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: run ? (_g = run.author) === null || _g === void 0 ? void 0 : _g.picture_url : '', size: 24 })),
+                React__default.createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: run ? (_j = run.author) === null || _j === void 0 ? void 0 : _j.picture_url : '', size: 24 })),
             React__default.createElement("a", { className: 'link', onClick: function (e) {
                     e.stopPropagation();
                     if (!localRun) {
@@ -48945,7 +48967,7 @@ var RunCard = function (_a) {
                             return;
                         window.location.href = "/".concat(run.author.name);
                     }
-                }, 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 ? ((_j = (_h = run.author) === null || _h === void 0 ? void 0 : _h.display_name) !== null && _j !== void 0 ? _j : (_k = run.author) === null || _k === void 0 ? void 0 : _k.name) : '--')),
+                }, 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) : '--')),
         React__default.createElement("div", { className: 'item6' },
             React__default.createElement("span", { style: { marginRight: '0.75rem' } },
                 React__default.createElement(Avatar, { color: hover.recipe ? '#40a9ff' : undefined, src: run ? run.recipe.metadata.icon : '', size: 24 })),
@@ -48964,7 +48986,7 @@ var RunCard = function (_a) {
             React__default.createElement("span", { className: 'status-label', style: { marginRight: '0.75rem' } }, run ? status : '--'),
             React__default.createElement("span", { className: 'light-text' },
                 !isReady && React__default.createElement(LoadingOutlined$1, null),
-                study && run && width > 600 &&
+                run && width > 600 &&
                     "".concat(run.meta.progress.completed, " / ").concat(run.meta.progress.total, " steps"))),
         React__default.createElement("div", { className: 'item9', title: 'CPU usage' },
             React__default.createElement(Cpu$1, { size: 18, style: { marginRight: '0.15rem' } }),