pollination-react-io 1.40.0 → 1.40.2

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

@@ -9,4 +9,5 @@ export interface RunCardProps {
     style?: CSSProperties;
     authUser?: UserPrivate;
     client?: APIClient;
+    getValue?: (any: any) => any;
 }

package/build/index.esm.js

@@ -48534,11 +48534,11 @@ var StudyCard = function (_a) {
             (study && !run) && total == 1 && React__default.createElement(LoadingOutlined$1, null),
             study && run &&
                 React__default.createElement("div", null,
-                    React__default.createElement("a", { style: { marginRight: '0.75rem' }, className: 'link', href: "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id) },
+                    React__default.createElement("a", { style: { marginRight: '0.75rem' }, className: 'link', href: "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id, "?tab=info") },
                         React__default.createElement(InfoCircleOutlined$1, { onMouseOver: function (e) { return toggleHover(e, 'runDetails', true); }, onMouseLeave: function (e) { return toggleHover(e, 'runDetails', false); }, style: hover.runDetails ? { color: '#40a9ff' } : { color: '#000' } })),
-                    React__default.createElement("a", { style: { marginRight: '0.75rem' }, className: 'link', href: "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id, "/workspace?path=runs/").concat(run.id) },
+                    React__default.createElement("a", { style: { marginRight: '0.75rem' }, className: 'link', href: "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id, "?tab=workspace&path=runs/").concat(run.id) },
                         React__default.createElement(FolderOutlined$1, { onMouseOver: function (e) { return toggleHover(e, 'runWorkspace', true); }, onMouseLeave: function (e) { return toggleHover(e, 'runWorkspace', false); }, style: hover.runWorkspace ? { color: '#40a9ff' } : {} })),
-                    React__default.createElement("a", { className: 'link', href: "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id, "/debug") },
+                    React__default.createElement("a", { className: 'link', href: "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id, "?tab=debug") },
                         React__default.createElement(PartitionOutlined$1, { onMouseOver: function (e) { return toggleHover(e, 'runDebug', true); }, onMouseLeave: function (e) { return toggleHover(e, 'runDebug', false); }, style: hover.runDebug ? { color: '#40a9ff' } : {} }))),
             (study && total > 1) &&
                 React__default.createElement("div", null,
@@ -48589,7 +48589,7 @@ var formatDuration = function (duration) {
 };
 var RunCard = function (_a) {
     var _b, _c, _d, _e;
-    var projectName = _a.projectName, projectOwner = _a.projectOwner, _run = _a.run, style = _a.style, authUser = _a.authUser, client = _a.client, enableClick = _a.enableClick;
+    var projectName = _a.projectName, projectOwner = _a.projectOwner, _run = _a.run, style = _a.style, authUser = _a.authUser, client = _a.client, enableClick = _a.enableClick, getValue = _a.getValue;
     /*
      * Fetch run
      */
@@ -48670,11 +48670,26 @@ var RunCard = function (_a) {
             !study && run && React__default.createElement(LoadingOutlined$1, null),
             run && study &&
                 React__default.createElement("div", null,
-                    React__default.createElement("a", { style: { marginRight: '0.75rem' }, href: "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id) },
+                    React__default.createElement("a", { style: { marginRight: '0.75rem' }, 
+                        // href={`/${projectOwner}/projects/${projectName}/studies/${study.id}/runs/${run.id}`} 
+                        onClick: function (e) {
+                            e.stopPropagation();
+                            getValue('info');
+                        } },
                         React__default.createElement(InfoCircleOutlined$1, { onMouseOver: function (e) { return toggleHover(e, 'runDetails', true); }, onMouseLeave: function (e) { return toggleHover(e, 'runDetails', false); }, style: hover.runDetails ? { color: '#40a9ff' } : { color: '#000' } })),
-                    React__default.createElement("a", { style: { marginRight: '0.75rem' }, className: 'link', href: "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id, "/workspace?path=runs/").concat(run.id) },
+                    React__default.createElement("a", { style: { marginRight: '0.75rem' }, className: 'link', 
+                        // href={`/${projectOwner}/projects/${projectName}/studies/${study.id}/runs/${run.id}/workspace?path=runs/${run.id}`} 
+                        onClick: function (e) {
+                            e.stopPropagation();
+                            getValue('workspace');
+                        } },
                         React__default.createElement(FolderOutlined$1, { onMouseOver: function (e) { return toggleHover(e, 'runWorkspace', true); }, onMouseLeave: function (e) { return toggleHover(e, 'runWorkspace', false); }, style: hover.runWorkspace ? { color: '#40a9ff' } : {} })),
-                    React__default.createElement("a", { className: 'link', href: "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id, "/debug") },
+                    React__default.createElement("a", { className: 'link', 
+                        // href={`/${projectOwner}/projects/${projectName}/studies/${study.id}/runs/${run.id}/debug`} 
+                        onClick: function (e) {
+                            e.stopPropagation();
+                            getValue('debug');
+                        } },
                         React__default.createElement(PartitionOutlined$1, { onMouseOver: function (e) { return toggleHover(e, 'runDebug', true); }, onMouseLeave: function (e) { return toggleHover(e, 'runDebug', false); }, style: hover.runDebug ? { color: '#40a9ff' } : {} })))),
         React__default.createElement("div", { className: 'item3' },
             React__default.createElement("div", null,
@@ -48854,7 +48869,7 @@ var FolderCard = function (_a) {
         open && React__default.createElement("div", { className: 'card-description' }, description));
 };
 
-var css_248z = ":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.cards {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n  grid-auto-rows: auto;\n  grid-gap: 1rem;\n}\n\n.cards-container {\n  border: 1px solid rgba(0, 0, 0, 0.125);\n  padding: 10px 0 0 0;\n  margin: 10px 0 0 0;\n  border-radius: 6px;\n}\n\n.cards-container-title {\n  padding: 10px 10px 10px 10px;\n  margin: 0 0 0 10px;\n}";
+var css_248z = ":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.cards {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n  grid-auto-rows: auto;\n  grid-gap: 1rem;\n}\n\n.cards-container {\n  border: 1px solid rgba(0, 0, 0, 0.125);\n  padding: 10px 0 0 0;\n  margin: 10px 0 0 0;\n  border-radius: 6px;\n}\n\n.cards-container-title {\n  padding: 10px 10px 10px 10px;\n  margin: 0 0 0 10px;\n  font-size: 18px !important;\n}";
 styleInject(css_248z);
 
 var RunContent = function (_a) {