pollination-react-io 1.74.1 → 1.74.3

package/build/RunDetails/Cards/FileCard.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import './Card.scss';
 import { APIClient } from '../../hooks';
+import { Run } from '@pollination-solutions/pollination-sdk';
+import { LocalRun } from '../RunDetails.types';
 export interface FileCardProps {
     projectOwner?: string;
     projectName?: string;
     client?: APIClient;
-    studyId?: string;
-    runId?: string;
+    run?: Run | LocalRun;
     label: string;
     path: string;
     description: string;

package/build/RunDetails/RunContent.types.d.ts

@@ -1,12 +1,13 @@
+import { Run } from '@pollination-solutions/pollination-sdk';
 import { CSSProperties } from 'react';
 import { APIClient } from '../hooks';
 import { FileCardProps } from './Cards/FileCard';
 import { FolderCardProps } from './Cards/FolderCard';
+import { LocalRun } from './RunDetails.types';
 export interface RunContentProps {
     title: string;
     inputData: any[];
-    studyId?: string;
-    runId?: string;
+    run?: Run | LocalRun;
     projectOwner?: string;
     projectName?: string;
     client?: APIClient;

package/build/index.esm.js

@@ -49758,7 +49758,7 @@ var CADtypeEnum;
 })(CADtypeEnum || (CADtypeEnum = {}));
 var FileCard = function (_a) {
     var _b, _c;
-    var projectOwner = _a.projectOwner, projectName = _a.projectName, client = _a.client, studyId = _a.studyId, runId = _a.runId, label = _a.label, path = _a.path, file = _a.file, description = _a.description, onClicked = _a.onClicked, _d = _a.isCloud, isCloud = _d === void 0 ? true : _d;
+    var projectOwner = _a.projectOwner, projectName = _a.projectName, client = _a.client, run = _a.run, label = _a.label, path = _a.path, file = _a.file, description = _a.description, onClicked = _a.onClicked, _d = _a.isCloud, isCloud = _d === void 0 ? true : _d;
     var host = getHost();
     var fromFileToBase64 = usePollinationPanel().fromFileToBase64;
     var _e = useState(false), open = _e[0], setOpen = _e[1];
@@ -49831,11 +49831,13 @@ var FileCard = function (_a) {
                 setCurrFile(blob);
                 setCADintegration(blob);
                 setIsLoading(false);
+                setIsInactive(false);
             });
         })
             .catch(function (err) {
             console.error(err);
             setIsLoading(false);
+            setIsInactive(true);
         });
     };
     var extension = useMemo(function () {
@@ -49878,9 +49880,9 @@ var FileCard = function (_a) {
     useEffect(function () {
         if (isCloud) {
             // Generate Blob on click
-            studyId && downloadArtifact(path, studyId)
+            run && downloadArtifact(path, run.status.job_id)
                 .then(function (url) { return fetchAndSet(url); })
-                .catch(function () { return onClicked({ label: label, path: path, file: undefined, description: description, runId: runId }); });
+                .catch(function () { return onClicked({ label: label, path: path, file: undefined, description: description }); });
         }
         else {
             // Some inputs has path == null
@@ -49894,7 +49896,7 @@ var FileCard = function (_a) {
                 base64AndFetch(path);
             }
         }
-    }, [studyId, runId, label, path]);
+    }, [run, label, path]);
     return React__default.createElement("div", { className: isInactive
             ? 'card-param card-folder-inactive'
             : 'card-param card-folder', tabIndex: 0, role: 'button', key: label, onClick: function (event) {
@@ -49977,7 +49979,7 @@ var css_248z$2 = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --
 styleInject(css_248z$2);
 
 var RunContent = function (_a) {
-    var inputData = _a.inputData, projectOwner = _a.projectOwner, projectName = _a.projectName, studyId = _a.studyId, runId = _a.runId, client = _a.client, title = _a.title, style = _a.style, getFileCard = _a.getFileCard, getFolderCard = _a.getFolderCard, _b = _a.isCloud, isCloud = _b === void 0 ? true : _b;
+    var inputData = _a.inputData, projectOwner = _a.projectOwner, projectName = _a.projectName, run = _a.run, client = _a.client, title = _a.title, style = _a.style, getFileCard = _a.getFileCard, getFolderCard = _a.getFolderCard, _b = _a.isCloud, isCloud = _b === void 0 ? true : _b;
     var _c = useState([]), currData = _c[0], setCurrData = _c[1];
     var fileExplorer = usePollinationPanel().fileExplorer;
     var _d = useState([]), currParams = _d[0], setCurrParams = _d[1];
@@ -49994,7 +49996,7 @@ var RunContent = function (_a) {
             switch (i.type) {
                 case 'StepFileInput':
                 case 'StepFileOutput':
-                    files.push({ runId: runId, label: i.name,
+                    files.push({ run: run, label: i.name,
                         path: i.source.path, description: i.description });
                     break;
                 case 'StepFolderInput':
@@ -50036,10 +50038,10 @@ var RunContent = function (_a) {
     };
     return React__default.createElement("div", { className: 'cards-container', style: __assign({}, style) },
         React__default.createElement("h5", { className: 'cards-container-title' }, title || 'Something'),
-        currFiles.length > 0 && projectOwner && projectName && client && runId && React__default.createElement("div", { style: { padding: '20px' } },
+        currFiles.length > 0 && projectOwner && projectName && client && run && React__default.createElement("div", { style: { padding: '20px' } },
             React__default.createElement("div", { className: 'cards' }, currFiles.map(function (_a, index) {
                 var label = _a.label, path = _a.path, description = _a.description;
-                return React__default.createElement(FileCard, { projectOwner: projectOwner, projectName: projectName, studyId: studyId, runId: runId, client: client, key: "filecard-".concat(index), label: label, path: path, description: description, onClicked: onFileClicked, isCloud: isCloud });
+                return React__default.createElement(FileCard, { projectOwner: projectOwner, projectName: projectName, run: run, client: client, key: "filecard-".concat(index), label: label, path: path, description: description, onClicked: onFileClicked, isCloud: isCloud });
             }))),
         currFolders.length > 0 && React__default.createElement("div", { style: { padding: '20px' } },
             React__default.createElement("div", { className: 'cards' }, currFolders.map(function (_a, index) {
@@ -50086,11 +50088,11 @@ var RunDetails = function (_a) {
     }, [run]);
     return (React__default.createElement("div", null,
         outputs &&
-            React__default.createElement(RunContent, { title: 'Outputs', inputData: outputs, projectName: projectName, projectOwner: projectOwner, studyId: run.status.job_id, runId: run.id, client: client, style: style, getFileCard: getFileCard, getFolderCard: getFolderCard, isCloud: isCloud }),
+            React__default.createElement(RunContent, { title: 'Outputs', inputData: outputs, projectName: projectName, projectOwner: projectOwner, run: run, client: client, style: style, getFileCard: getFileCard, getFolderCard: getFolderCard, isCloud: isCloud }),
         recipeInputs &&
-            React__default.createElement(RunContent, { title: 'Inputs', inputData: recipeInputs, projectName: projectName, projectOwner: projectOwner, studyId: run.status.job_id, runId: run.id, client: client, style: style, getFileCard: getFileCard, getFolderCard: getFolderCard, isCloud: isCloud }),
+            React__default.createElement(RunContent, { title: 'Inputs', inputData: recipeInputs, projectName: projectName, projectOwner: projectOwner, run: run, client: client, style: style, getFileCard: getFileCard, getFolderCard: getFolderCard, isCloud: isCloud }),
         extraInputs && extraInputs.length > 0 &&
-            React__default.createElement(RunContent, { title: 'Extra Inputs', inputData: extraInputs, projectName: projectName, projectOwner: projectOwner, studyId: run.status.job_id, runId: run.id, client: client, style: style, getFileCard: getFileCard, getFolderCard: getFolderCard, isCloud: isCloud })));
+            React__default.createElement(RunContent, { title: 'Extra Inputs', inputData: extraInputs, projectName: projectName, projectOwner: projectOwner, run: run, client: client, style: style, getFileCard: getFileCard, getFolderCard: getFolderCard, isCloud: isCloud })));
 };
 
 var css_248z$1 = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n  --primary3: #000;\n  --success: #46A758;\n  --warning: #F76809;\n  --danger: #FF4616;\n  /* radix-ui/colors */\n  --slate1: hsl(206, 30.0%, 98.8%);\n  --slate2: hsl(210, 16.7%, 97.6%);\n  --slate3: hsl(209, 13.3%, 95.3%);\n  --slate4: hsl(209, 12.2%, 93.2%);\n  --slate5: hsl(208, 11.7%, 91.1%);\n  --slate6: hsl(208, 11.3%, 88.9%);\n  --slate7: hsl(207, 11.1%, 85.9%);\n  --slate8: hsl(205, 10.7%, 78.0%);\n  --slate9: hsl(206, 6.0%, 56.1%);\n  --slate10: hsl(206, 5.8%, 52.3%);\n  --slate11: hsl(206, 6.0%, 43.5%);\n  --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.spin {\n  animation: spin 1s linear 0s infinite;\n}\n\n@keyframes Animation {\n  0% {\n    background-position: 200%;\n  }\n  50% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: 0%;\n  }\n}\n.loading {\n  background: linear-gradient(45deg, transparent, var(--primary), 12%, transparent);\n  background-size: 200%;\n  animation: Animation 3s ease infinite;\n}\n\n@keyframes open {\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n  }\n}\n@keyframes close {\n  from {\n    height: var(--radix-collapsible-content-height);\n  }\n  to {\n    height: 0;\n  }\n}\n.collapse-content {\n  overflow: hidden;\n  font-size: inherit;\n  color: inherit;\n}\n\n.collapse-content[data-state=open] {\n  animation: open 300ms ease-out;\n}\n\n.collapse-content[data-state=closed] {\n  animation: close 300ms ease-out;\n}\n\n.run-progress {\n  grid-area: runprogress;\n  font-size: 0.9rem;\n  text-align: left !important;\n}\n\n.run-link {\n  grid-area: runlink;\n  text-align: right !important;\n  font-size: 1rem;\n  white-space: nowrap;\n}\n\n.run-details {\n  grid-area: rundetails;\n  font-size: 0.9rem;\n}\n\n.study-run-container {\n  display: grid;\n  grid-template-areas: \"runprogress runprogress runprogress runprogress runprogress runlink\" \"rundetails rundetails rundetails rundetails rundetails rundetails\";\n  gap: 0.35rem;\n  border: 0.1rem solid;\n  align-items: center;\n  padding: 0.75rem;\n  transition: box-shadow 0.3s ease 0s, border-color 0.3s ease 0s;\n  grid-template-rows: max-content auto;\n  border-radius: 6px;\n  line-height: 1.5;\n}\n\n.study-run-container:hover {\n  cursor: pointer;\n  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px -2px, rgba(0, 0, 0, 0.12) 0px 3px 6px 0px, rgba(0, 0, 0, 0.09) 0px 5px 12px 4px;\n}\n\n.run-navigator {\n  display: grid;\n  grid-template-columns: min-content auto min-content min-content;\n  grid-auto-rows: auto;\n  align-items: center;\n  grid-gap: 0.9rem;\n}\n\n.run-pg-input {\n  margin: 0 4px 0 4px;\n  padding: 8px 8px;\n  text-align: center;\n  color: rgba(0, 0, 0, 0.8509803922);\n  width: min-content;\n  border-radius: 2px;\n  font-size: 12px;\n  border: 1px solid rgba(0, 0, 0, 0.125);\n}\n\n.container-scroll {\n  display: inline-flex;\n  flex-direction: row;\n  overflow-x: auto;\n  width: 100%;\n}\n\n.blink-effect {\n  animation: blinker 5s linear infinite;\n}\n\n@keyframes blinker {\n  50% {\n    border: 0.1rem solid white;\n  }\n}";