pollination-react-io 1.24.5 → 1.25.0

package/build/StudyCard/StudyCard.types.d.ts

@@ -10,4 +10,6 @@ export interface StudyCardProps {
     style?: CSSProperties;
     authUser?: UserPrivate;
     client?: APIClient;
+    showMenu: boolean;
+    onDelete?: () => void;
 }

package/build/index.esm.js

@@ -46618,14 +46618,14 @@ var formatDuration = function (duration) {
 };
 var StudyCard = function (_a) {
     var _b, _c;
-    var projectName = _a.projectName, projectOwner = _a.projectOwner, _study = _a.study, _d = _a.canWrite, canWrite = _d === void 0 ? false : _d, _e = _a.runList, runList = _e === void 0 ? true : _e, style = _a.style, authUser = _a.authUser, client = _a.client;
-    var _f = useJobs(client), cancelJob = _f.cancelJob, deleteJob = _f.deleteJob, fetchJob = _f.fetchJob;
-    var _g = useSWR(authUser && _study ? [projectOwner, projectName, _study.id] : undefined, fetchJob, {
+    var projectName = _a.projectName, projectOwner = _a.projectOwner, _study = _a.study, _d = _a.canWrite, canWrite = _d === void 0 ? false : _d, _e = _a.runList, runList = _e === void 0 ? true : _e, style = _a.style, authUser = _a.authUser, client = _a.client, showMenu = _a.showMenu, _f = _a.onDelete, onDelete = _f === void 0 ? function () { return window.history.back(); } : _f;
+    var _g = useJobs(client), cancelJob = _g.cancelJob, deleteJob = _g.deleteJob, fetchJob = _g.fetchJob;
+    var _h = useSWR(authUser && _study ? [projectOwner, projectName, _study.id] : undefined, fetchJob, {
         revalidateOnFocus: false,
         refreshInterval: !_study || _study.status.finished_at ? undefined : 5000,
         fallbackData: _study,
         errorRetryCount: 3
-    }), study = _g.data; _g.error; var isValidating = _g.isValidating;
+    }), study = _h.data; _h.error; var isValidating = _h.isValidating;
     var status = useMemo(function () {
         return ({
             pending: study && study.status.runs_pending ? study.status.runs_pending : 0,
@@ -46635,7 +46635,7 @@ var StudyCard = function (_a) {
             canceled: study && study.status.runs_cancelled ? study.status.runs_cancelled : 0,
         });
     }, [study]);
-    var _h = useState(getDuration(study)), duration = _h[0], setDuration = _h[1];
+    var _j = useState(getDuration(study)), duration = _j[0], setDuration = _j[1];
     useEffect(function () {
         if (!study)
             return undefined;
@@ -46648,6 +46648,37 @@ var StudyCard = function (_a) {
         }, 1000);
         return study.status.finished_at ? undefined : function () { return clearInterval(handle); };
     }, [study]);
+    var menu = (React__default.createElement("button", { type: 'button', style: {
+            width: 32,
+            height: 32,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            borderRadius: 9999,
+            border: '1px solid #d0d7de',
+            backgroundColor: 'white',
+            outlineColor: 'var(--primary)',
+            cursor: 'pointer'
+        } }, isValidating ? React__default.createElement(LoadingIcon, null) : React__default.createElement(Gear$1, null)));
+    var optionsDropdown = [
+        {
+            options: [{
+                    type: 'button',
+                    id: 'cancel-study',
+                    label: 'Cancel',
+                    icon: React__default.createElement(XOctagon$1, null),
+                    disabled: !study || (status.pending < 1 && status.running < 1),
+                    onSelect: function () { return cancelJob(projectOwner, projectName, study.id); }
+                }, {
+                    type: 'button',
+                    id: 'delete-study',
+                    label: 'Delete',
+                    icon: React__default.createElement(Trash$1, null),
+                    onSelect: function () { return deleteJob(projectOwner, projectName, study.id)
+                        .then(onDelete); }
+                },]
+        }
+    ];
     return (React__default.createElement("div", { "data-testid": "StudyCard", className: 'study-card', style: __assign({ borderRadius: 8, borderWidth: 1, borderStyle: 'solid', display: 'grid', gridTemplateColumns: 'minmax(200px, 18%) 1fr', gridTemplateRows: '1fr auto', columnGap: 8, rowGap: 0 }, style) },
         React__default.createElement("div", { style: {
                 borderRight: '1px solid #d0d7de',
@@ -46720,41 +46751,12 @@ var StudyCard = function (_a) {
                             textOverflow: 'ellipsis',
                             display: 'inline-block'
                         } }, study ? (_b = study.spec.name) !== null && _b !== void 0 ? _b : "Study: ".concat(study.id) : '--'),
-                    canWrite && study &&
+                    showMenu && canWrite && study &&
                         React__default.createElement("div", { style: {
                                 display: 'flex',
                                 alignItems: 'center'
                             } },
-                            React__default.createElement(Dropdown, { trigger: React__default.createElement("button", { type: 'button', style: {
-                                        width: 32,
-                                        height: 32,
-                                        display: 'flex',
-                                        justifyContent: 'center',
-                                        alignItems: 'center',
-                                        borderRadius: 9999,
-                                        border: '1px solid #d0d7de',
-                                        backgroundColor: 'white',
-                                        outlineColor: 'var(--primary)',
-                                        cursor: 'pointer'
-                                    } }, isValidating ? React__default.createElement(LoadingIcon, null) : React__default.createElement(Gear$1, null)), optionGroups: [
-                                    {
-                                        options: [{
-                                                type: 'button',
-                                                id: 'cancel-study',
-                                                label: 'Cancel',
-                                                icon: React__default.createElement(XOctagon$1, null),
-                                                disabled: !study || (status.pending < 1 && status.running < 1),
-                                                onSelect: function () { return cancelJob(projectOwner, projectName, study.id); }
-                                            }, {
-                                                type: 'button',
-                                                id: 'delete-study',
-                                                label: 'Delete',
-                                                icon: React__default.createElement(Trash$1, null),
-                                                onSelect: function () { return deleteJob(projectOwner, projectName, study.id)
-                                                    .then(function () { return window.open("/".concat(projectOwner, "/projects/").concat(projectName)); }); }
-                                            },]
-                                    }
-                                ], contentProps: {
+                            React__default.createElement(Dropdown, { trigger: menu, optionGroups: optionsDropdown, contentProps: {
                                     align: 'end',
                                     sideOffset: 2,
                                 } }))),