pollination-react-io 1.71.0 → 1.72.0

package/build/index.js

@@ -38002,6 +38002,8 @@ function getHost(key, defaultValue) {
     return typeof retrieved === 'string' ? retrieved.toLowerCase() : JSON.parse(retrieved).toLowerCase();
 }
 var recipeLinkFromSource = function (source) {
+    if (!source)
+        return;
     var splitSource = source.split('/');
     var tag = splitSource.pop();
     var name = splitSource.pop();
@@ -41442,7 +41444,7 @@ var ConfigureLocalRun = function (_a) {
                     } },
                     React__default["default"].createElement(Laptop$1, null),
                     "Local"))),
-        React__default["default"].createElement(Label, { label: "Number of CPUs", disabled: !localConfig.isLocalJob, style: {
+        localConfig.isLocalJob && React__default["default"].createElement(Label, { label: "Number of CPUs", disabled: !localConfig.isLocalJob, style: {
                 backgroundColor: 'white'
             } },
             React__default["default"].createElement(NumberInput, { icon: React__default["default"].createElement(Cpu$1, null), inputProps: {
@@ -41457,7 +41459,7 @@ var ConfigureLocalRun = function (_a) {
                         setLocalConfig(function (config) { return (__assign(__assign({}, config), { localCPUCount: event.target.value })); });
                     }
                 } })),
-        React__default["default"].createElement(Label, { label: "Select a Local Run Folder", disabled: !localConfig.isLocalJob },
+        localConfig.isLocalJob && React__default["default"].createElement(Label, { label: "Select a Local Run Folder", disabled: !localConfig.isLocalJob },
             React__default["default"].createElement(SelectLocalArtifactNative, { disabled: !localConfig.isLocalJob, onChange: handleLocalPathChange, mode: 'directory', buttonLabel: 'Local Run Folder', value: localConfig && localConfig.localRunFolder }))));
 };
 
@@ -48779,22 +48781,22 @@ var formatDuration$1 = function (duration) {
 };
 var StudyCard = function (_a) {
     var _b;
-    var _c, _d, _e, _f, _g, _h;
-    var projectName = _a.projectName, projectOwner = _a.projectOwner, _study = _a.study, style = _a.style, authUser = _a.authUser, client = _a.client, enableClick = _a.enableClick, _j = _a.getTab, getTab = _j === void 0 ? function (tab) { } : _j, _k = _a.defaultTab, defaultTab = _k === void 0 ? '' : _k, _l = _a.enableLink, enableLink = _l === void 0 ? false : _l, _m = _a.canWrite, canWrite = _m === void 0 ? false : _m, _o = _a.getValue, getValue = _o === void 0 ? function (job) { } : _o, _p = _a.interval, interval = _p === void 0 ? 5000 : _p;
+    var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+    var projectName = _a.projectName, projectOwner = _a.projectOwner, _study = _a.study, style = _a.style, authUser = _a.authUser, client = _a.client, enableClick = _a.enableClick, _0 = _a.getTab, getTab = _0 === void 0 ? function (tab) { } : _0, _1 = _a.defaultTab, defaultTab = _1 === void 0 ? '' : _1, _2 = _a.enableLink, enableLink = _2 === void 0 ? false : _2, _3 = _a.canWrite, canWrite = _3 === void 0 ? false : _3, _4 = _a.getValue, getValue = _4 === void 0 ? function (job) { } : _4, _5 = _a.interval, interval = _5 === void 0 ? 5000 : _5;
     /**
      * Fetch hooks
      */
-    var _q = useJobs(client), fetchJob = _q.fetchJob, getDuration = _q.getDuration, statusMap = _q.statusMap, deleteJob = _q.deleteJob, cancelJob = _q.cancelJob;
+    var _6 = useJobs(client), fetchJob = _6.fetchJob, getDuration = _6.getDuration, statusMap = _6.statusMap, deleteJob = _6.deleteJob, cancelJob = _6.cancelJob;
     var listRuns = useRuns(client).listRuns;
-    var _r = useWindowDimensions(), width = _r.width; _r.height;
-    var _s = React.useState(false), seeDescription = _s[0], setSeeDescription = _s[1];
-    var _t = React.useState(false), seeAction = _t[0], setSeeAction = _t[1];
-    var _u = React.useState(false), stopRefresh = _u[0], setStopRefresh = _u[1];
-    var _v = React.useState(false), isReady = _v[0], setIsReady = _v[1];
+    var _7 = useWindowDimensions(), width = _7.width; _7.height;
+    var _8 = React.useState(false), seeDescription = _8[0], setSeeDescription = _8[1];
+    var _9 = React.useState(false), seeAction = _9[0], setSeeAction = _9[1];
+    var _10 = React.useState(false), stopRefresh = _10[0], setStopRefresh = _10[1];
+    var _11 = React.useState(false), isReady = _11[0], setIsReady = _11[1];
     /**
      * From job to run
      */
-    var _w = useSWR(authUser && _study ? [projectOwner, projectName, _study.id] : undefined, fetchJob, {
+    var _12 = useSWR(authUser && _study ? [projectOwner, projectName, _study.id] : undefined, fetchJob, {
         revalidateOnFocus: false,
         refreshInterval: stopRefresh ? undefined : interval,
         fallbackData: _study,
@@ -48827,7 +48829,7 @@ var StudyCard = function (_a) {
             if (study.status.finished_at)
                 setStopRefresh(true);
         }
-    }), study = _w.data; _w.error; _w.isValidating;
+    }), study = _12.data; _12.error; _12.isValidating;
     var sendJob = React.useCallback(function (job) { return getValue(job); }, [study]);
     var total = React.useMemo(function () {
         if (!study)
@@ -48851,8 +48853,8 @@ var StudyCard = function (_a) {
         }
         return study.status.status.toLocaleLowerCase();
     }, [study]);
-    var _x = React.useState(), run = _x[0], setRun = _x[1];
-    var _y = React.useState(getDuration(study)), duration = _y[0], setDuration = _y[1];
+    var _13 = React.useState(), run = _13[0], setRun = _13[1];
+    var _14 = React.useState(getDuration(study)), duration = _14[0], setDuration = _14[1];
     React.useEffect(function () {
         setRun(undefined);
         if (!study)
@@ -48883,7 +48885,7 @@ var StudyCard = function (_a) {
         info: false,
         settings: false
     };
-    var _z = React.useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _z[0], setHover = _z[1];
+    var _15 = React.useState(__assign(__assign({}, initialValues), (_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) {
@@ -49018,23 +49020,23 @@ var StudyCard = function (_a) {
         React__default["default"].createElement("div", { className: 'item4', title: study && dayjs_min(study.status.started_at).format('[on] MMM DD YYYY [at] hh:mm') }, study ? dayjs_min(study.status.started_at).format('[on] MMM DD YYYY') : '--'),
         React__default["default"].createElement("div", { className: 'item5' },
             React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
-                React__default["default"].createElement(Avatar, { src: study ? study.author.picture_url : '', size: 24, color: hover.author ? '#40a9ff' : undefined })),
-            React__default["default"].createElement("a", { className: 'link', href: study ? "/".concat(study.author.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 ? ((_h = study.author.display_name) !== null && _h !== void 0 ? _h : study.author.name) : '--')),
+                React__default["default"].createElement(Avatar, { src: study ? (_h = study.author) === null || _h === void 0 ? void 0 : _h.picture_url : '', size: 24, color: hover.author ? '#40a9ff' : undefined })),
+            React__default["default"].createElement("a", { className: 'link', href: study ? "/".concat((_j = study.author) === null || _j === void 0 ? void 0 : _j.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 ? ((_l = (_k = study.author) === null || _k === void 0 ? void 0 : _k.display_name) !== null && _l !== void 0 ? _l : (_m = study.author) === null || _m === void 0 ? void 0 : _m.name) : '--')),
         React__default["default"].createElement("div", { className: 'item6' },
             React__default["default"].createElement("span", { style: { marginRight: '0.75rem' } },
-                React__default["default"].createElement(Avatar, { src: study ? study.recipe.metadata.icon : '', size: 24, color: hover.recipe ? '#40a9ff' : undefined })),
-            React__default["default"].createElement("a", { className: 'link', href: study ? recipeLinkFromSource(study.recipe.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 ? study.recipe.metadata.name : '--'),
+                React__default["default"].createElement(Avatar, { src: study ? (_p = (_o = study.recipe) === null || _o === void 0 ? void 0 : _o.metadata) === null || _p === void 0 ? void 0 : _p.icon : '', size: 24, color: hover.recipe ? '#40a9ff' : undefined })),
+            React__default["default"].createElement("a", { className: 'link', href: study ? recipeLinkFromSource((_q = study === null || study === void 0 ? void 0 : study.recipe) === null || _q === void 0 ? void 0 : _q.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 ? (_s = (_r = study.recipe) === null || _r === void 0 ? void 0 : _r.metadata) === null || _s === void 0 ? void 0 : _s.name : '--'),
             study && React__default["default"].createElement("span", { className: 'light-text' },
-                " ",
-                study.recipe.metadata.tag)),
+                " ", (_u = (_t = study.recipe) === null || _t === void 0 ? void 0 : _t.metadata) === null || _u === void 0 ? void 0 :
+                _u.tag)),
         React__default["default"].createElement("div", { className: 'item8' },
             React__default["default"].createElement("span", { className: 'status-label', style: { marginRight: '0.75rem' } }, study ? status.charAt(0).toUpperCase() + status.slice(1) : '--'),
             React__default["default"].createElement("span", { className: 'light-text' },
                 !isReady && React__default["default"].createElement(LoadingOutlined$1, null),
                 (study && total == 1) && run && width > 600 &&
-                    "".concat(run.meta.progress.completed, " / ").concat(run.meta.progress.total, " steps"),
+                    "".concat((_w = (_v = run.meta) === null || _v === void 0 ? void 0 : _v.progress) === null || _w === void 0 ? void 0 : _w.completed, " / ").concat((_y = (_x = run.meta) === null || _x === void 0 ? void 0 : _x.progress) === null || _y === void 0 ? void 0 : _y.total, " steps"),
                 (study && total > 1) && width > 600 &&
-                    "".concat(study.status.runs_completed, " / ").concat(total, " runs"))),
+                    "".concat((_z = study.status) === null || _z === void 0 ? void 0 : _z.runs_completed, " / ").concat(total, " runs"))),
         React__default["default"].createElement("div", { className: 'item9', title: 'CPU usage' },
             React__default["default"].createElement(Cpu$1, { size: 18, style: { marginRight: '0.15rem' } }),
             React__default["default"].createElement("span", { className: 'light-text' }, study ? "".concat(formatDuration$1(dayjs_min.duration(study.resources_duration.cpu, 'seconds'))) : '--')),
@@ -49083,9 +49085,9 @@ var formatDuration = function (duration) {
 };
 var RunCard = function (_a) {
     var _b;
-    var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-    var projectName = _a.projectName, projectOwner = _a.projectOwner, _run = _a.run, authUser = _a.authUser, client = _a.client, _r = _a.enableClick, enableClick = _r === void 0 ? true : _r, _s = _a.style, style = _s === void 0 ? {} : _s, _t = _a.getTab, getTab = _t === void 0 ? function (tab) { return undefined; } : _t, _u = _a.defaultTab, defaultTab = _u === void 0 ? RunTabs.details : _u, _v = _a.getValue, getValue = _v === void 0 ? function (run) { return undefined; } : _v, _w = _a.interval, interval = _w === void 0 ? 5000 : _w, _x = _a.canWrite, canWrite = _x === void 0 ? false : _x, _y = _a.localRun, localRun = _y === void 0 ? false : _y, _z = _a.loaderNode, loaderNode = _z === void 0 ? undefined : _z;
-    var _0 = usePollinationPanel(), fetchLocalRun = _0.fetchLocalRun, fetchLocalJob = _0.fetchLocalJob, fileExplorer = _0.fileExplorer, deleteJob = _0.deleteJob;
+    var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    var projectName = _a.projectName, projectOwner = _a.projectOwner, _run = _a.run, authUser = _a.authUser, client = _a.client, _t = _a.enableClick, enableClick = _t === void 0 ? true : _t, _u = _a.style, style = _u === void 0 ? {} : _u, _v = _a.getTab, getTab = _v === void 0 ? function (tab) { return undefined; } : _v, _w = _a.defaultTab, defaultTab = _w === void 0 ? RunTabs.details : _w, _x = _a.getValue, getValue = _x === void 0 ? function (run) { return undefined; } : _x, _y = _a.interval, interval = _y === void 0 ? 5000 : _y, _z = _a.canWrite, canWrite = _z === void 0 ? false : _z, _0 = _a.localRun, localRun = _0 === void 0 ? false : _0, _1 = _a.loaderNode, loaderNode = _1 === void 0 ? undefined : _1;
+    var _2 = usePollinationPanel(), fetchLocalRun = _2.fetchLocalRun, fetchLocalJob = _2.fetchLocalJob, fileExplorer = _2.fileExplorer, deleteJob = _2.deleteJob;
     var disabled = React.useMemo(function () {
         if (!localRun)
             return;
@@ -49095,16 +49097,16 @@ var RunCard = function (_a) {
      * Fetch run
      */
     var fetchJob = useJobs(client).fetchJob;
-    var _1 = useRuns(client), fetchRun = _1.fetchRun, statusMap = _1.statusMap, getDuration = _1.getDuration, cancelRun = _1.cancelRun;
-    var _2 = useWindowDimensions(), width = _2.width; _2.height;
-    var _3 = React.useState(false), seeDescription = _3[0], setSeeDescription = _3[1];
-    var _4 = React.useState(false), seeAction = _4[0], setSeeAction = _4[1];
-    var _5 = React.useState(false), stopRefresh = _5[0], setStopRefresh = _5[1];
-    var _6 = React.useState(false), isReady = _6[0], setIsReady = _6[1];
+    var _3 = useRuns(client), fetchRun = _3.fetchRun, statusMap = _3.statusMap, getDuration = _3.getDuration, cancelRun = _3.cancelRun;
+    var _4 = useWindowDimensions(), width = _4.width; _4.height;
+    var _5 = React.useState(false), seeDescription = _5[0], setSeeDescription = _5[1];
+    var _6 = React.useState(false), seeAction = _6[0], setSeeAction = _6[1];
+    var _7 = React.useState(false), stopRefresh = _7[0], setStopRefresh = _7[1];
+    var _8 = React.useState(false), isReady = _8[0], setIsReady = _8[1];
     /*
      * From run and stop when it is done
      */
-    var _7 = useSWR(authUser && _run ? (!localRun ? [projectOwner, projectName, _run.id] : [_run.id, _run['subfolder']]) : undefined, localRun ? fetchLocalRun : fetchRun, {
+    var _9 = useSWR(authUser && _run ? (!localRun ? [projectOwner, projectName, _run.id] : [_run.id, _run['subfolder']]) : undefined, localRun ? fetchLocalRun : fetchRun, {
         revalidateOnFocus: false,
         refreshInterval: stopRefresh ? undefined : interval,
         fallbackData: localRun ? undefined : _run,
@@ -49119,7 +49121,7 @@ var RunCard = function (_a) {
                 setStopRefresh(true);
             setIsReady(true);
         },
-    }), run = _7.data, error = _7.error;
+    }), run = _9.data, error = _9.error;
     var sendRun = React.useCallback(function (run) { return getValue(run); }, [run]);
     /**
      * Fetch job just one time
@@ -49143,9 +49145,9 @@ var RunCard = function (_a) {
             return undefined;
         return run.status.status;
     }, [run]);
-    var _8 = React.useState(), study = _8[0], setStudy = _8[1];
-    var _9 = React.useState(), localStudy = _9[0], setLocalStudy = _9[1];
-    var _10 = React.useState(getDuration(run)), duration = _10[0], setDuration = _10[1];
+    var _10 = React.useState(), study = _10[0], setStudy = _10[1];
+    var _11 = React.useState(), localStudy = _11[0], setLocalStudy = _11[1];
+    var _12 = React.useState(getDuration(run)), duration = _12[0], setDuration = _12[1];
     React.useEffect(function () {
         if (!run)
             return undefined;
@@ -49176,7 +49178,7 @@ var RunCard = function (_a) {
         info: false,
         settings: false,
     };
-    var _11 = React.useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _11[0], setHover = _11[1];
+    var _13 = React.useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _13[0], setHover = _13[1];
     var toggleHover = React.useCallback(function (id, value) {
         if (value === void 0) { value = false; }
         setHover(function (prevHover) {
@@ -49365,7 +49367,7 @@ var RunCard = function (_a) {
                 localRun && localStudy && ((_q = (_p = localStudy.author) === null || _p === void 0 ? void 0 : _p.display_name) !== null && _q !== void 0 ? _q : 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 ? run.recipe.metadata.icon : '', size: 24 })),
+                React__default["default"].createElement(Avatar, { color: hover.recipe ? '#40a9ff' : undefined, src: run ? (_s = (_r = run.recipe) === null || _r === void 0 ? void 0 : _r.metadata) === null || _s === void 0 ? void 0 : _s.icon : '', size: 24 })),
             React__default["default"].createElement("a", { className: 'link', onClick: function (e) {
                     e.stopPropagation();
                     if (!localRun) {