pollination-react-io 1.82.0 → 1.82.2

package/build/index.esm.js

@@ -55293,7 +55293,7 @@ var StudyCard = function (_a) {
         var _a;
         setHover(__assign(__assign({}, initialValues), (_a = {}, _a[defaultTab] = true, _a)));
     }, [defaultTab]);
-    return (React__default.createElement("div", { className: 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')
+    return (React__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)
                 return;
@@ -55619,7 +55619,7 @@ var RunCard = function (_a) {
                     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')
+    return (React__default.createElement("div", { className: (isReady && 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: (_f = (_e = statusMap[status]) === null || _e === void 0 ? void 0 : _e.color) !== null && _f !== void 0 ? _f : '#d0d7de' }, style), onClick: function () {
             if (!enableClick)
                 return;
@@ -56439,7 +56439,7 @@ var FolderCard = function (_a) {
         open && React__default.createElement("div", { className: 'card-description' }, description));
 };
 
-var css_248z$2 = ":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}";
+var css_248z$2 = ":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: 5px 0 0 0;\n  margin: 10px 0 0 0;\n  border-radius: 6px;\n}\n\n.cards-container-title {\n  padding: 8px 10px 10px 10px;\n  margin: 0 0 0 10px;\n  font-size: 18px !important;\n}";
 styleInject(css_248z$2);
 
 var RunContent = function (_a) {
@@ -56517,11 +56517,17 @@ var RunContent = function (_a) {
         }
     };
     return React__default.createElement("div", { className: 'cards-container', style: __assign({}, style) },
-        React__default.createElement("h5", { className: 'cards-container-title', role: 'button', onClick: function (e) {
+        React__default.createElement("button", { style: { all: 'unset',
+                width: '100%',
+                cursor: 'pointer' }, onClick: function (e) {
                 e.stopPropagation();
                 setOpen(function (prev) { return !prev; });
-            } }, title || 'Something'),
-        !open && React__default.createElement("p", null),
+            } },
+            React__default.createElement("h5", { className: 'cards-container-title', style: open
+                    ? { display: 'inline-block',
+                        paddingBottom: '0px' }
+                    : { display: 'inline-block' } }, title || 'Something'),
+            React__default.createElement(List$1, { style: { float: 'right', margin: '10px 10px' }, title: 'View more' })),
         open && 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;