pollination-react-io 1.41.2 → 1.41.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.esm.js +15 -14
- package/build/index.esm.js.map +1 -1
- package/build/index.js +15 -14
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.esm.js
CHANGED
|
@@ -48692,7 +48692,7 @@ var RunCard = function (_a) {
|
|
|
48692
48692
|
/*
|
|
48693
48693
|
* Manage hover
|
|
48694
48694
|
*/
|
|
48695
|
-
var
|
|
48695
|
+
var initialValues = {
|
|
48696
48696
|
account: false,
|
|
48697
48697
|
project: false,
|
|
48698
48698
|
details: false,
|
|
@@ -48704,7 +48704,8 @@ var RunCard = function (_a) {
|
|
|
48704
48704
|
author: false,
|
|
48705
48705
|
recipe: false,
|
|
48706
48706
|
info: false
|
|
48707
|
-
}
|
|
48707
|
+
};
|
|
48708
|
+
var _m = useState(initialValues), hover = _m[0], setHover = _m[1];
|
|
48708
48709
|
var toggleHover = function (event, inputId, value) {
|
|
48709
48710
|
if (inputId === void 0) { inputId = undefined; }
|
|
48710
48711
|
if (value === void 0) { value = false; }
|
|
@@ -48717,6 +48718,12 @@ var RunCard = function (_a) {
|
|
|
48717
48718
|
return (__assign(__assign({}, prevHover), (_a = {}, _a[id] = value, _a)));
|
|
48718
48719
|
});
|
|
48719
48720
|
};
|
|
48721
|
+
// Reset hover and use default tab
|
|
48722
|
+
var _o = useState(defaultTab), currTab = _o[0], setCurrTab = _o[1];
|
|
48723
|
+
useEffect(function () {
|
|
48724
|
+
var _a;
|
|
48725
|
+
setHover(__assign(__assign({}, initialValues), (_a = {}, _a[currTab] = true, _a)));
|
|
48726
|
+
}, [currTab]);
|
|
48720
48727
|
return (React__default.createElement("div", { className: enableClick ? 'grid-container' : 'grid-container disable-click', tabIndex: 0, role: 'button', style: __assign({ borderColor: (_c = (_b = statusMap[status]) === null || _b === void 0 ? void 0 : _b.color) !== null && _c !== void 0 ? _c : '#d0d7de' }, style), onClick: function () {
|
|
48721
48728
|
if (run && enableClick) {
|
|
48722
48729
|
window.location.href = "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id);
|
|
@@ -48734,40 +48741,34 @@ var RunCard = function (_a) {
|
|
|
48734
48741
|
React__default.createElement(InfoCircleOutlined$1, { className: 'link', onClick: function (e) {
|
|
48735
48742
|
e.stopPropagation();
|
|
48736
48743
|
getValue(RunTabs.details);
|
|
48737
|
-
|
|
48738
|
-
toggleHover(e, RunTabs.details, true);
|
|
48739
|
-
toggleHover(e, RunTabs.debug, false);
|
|
48744
|
+
setCurrTab(RunTabs.details);
|
|
48740
48745
|
}, onMouseOver: function (e) {
|
|
48741
48746
|
toggleHover(e, 'detailsOver', true);
|
|
48742
48747
|
}, onMouseLeave: function (e) {
|
|
48743
48748
|
toggleHover(e, 'detailsOver', false);
|
|
48744
48749
|
}, style: { marginRight: '0.75rem',
|
|
48745
|
-
color: "".concat((hover.details || hover.detailsOver) ||
|
|
48750
|
+
color: "".concat((hover.details || hover.detailsOver) || currTab === RunTabs.details
|
|
48746
48751
|
? '#40a9ff' : '#000') } }),
|
|
48747
48752
|
React__default.createElement(FolderOutlined$1, { className: 'link', onClick: function (e) {
|
|
48748
48753
|
e.stopPropagation();
|
|
48749
48754
|
getValue(RunTabs.workspace);
|
|
48750
|
-
|
|
48751
|
-
toggleHover(e, RunTabs.details, false);
|
|
48752
|
-
toggleHover(e, RunTabs.debug, false);
|
|
48755
|
+
setCurrTab(RunTabs.workspace);
|
|
48753
48756
|
}, onMouseOver: function (e) {
|
|
48754
48757
|
toggleHover(e, 'workspaceOver', true);
|
|
48755
48758
|
}, onMouseLeave: function (e) {
|
|
48756
48759
|
toggleHover(e, 'workspaceOver', false);
|
|
48757
48760
|
}, style: { marginRight: '0.75rem',
|
|
48758
|
-
color: "".concat((hover.workspace || hover.workspaceOver) ||
|
|
48761
|
+
color: "".concat((hover.workspace || hover.workspaceOver) || currTab === RunTabs.workspace
|
|
48759
48762
|
? '#40a9ff' : '#000') } }),
|
|
48760
48763
|
React__default.createElement(PartitionOutlined$1, { className: 'link', onClick: function (e) {
|
|
48761
48764
|
e.stopPropagation();
|
|
48762
48765
|
getValue(RunTabs.debug);
|
|
48763
|
-
|
|
48764
|
-
toggleHover(e, RunTabs.details, false);
|
|
48765
|
-
toggleHover(e, RunTabs.debug, true);
|
|
48766
|
+
setCurrTab(RunTabs.debug);
|
|
48766
48767
|
}, onMouseOver: function (e) {
|
|
48767
48768
|
toggleHover(e, 'debugOver', true);
|
|
48768
48769
|
}, onMouseLeave: function (e) {
|
|
48769
48770
|
toggleHover(e, 'debugOver', false);
|
|
48770
|
-
}, style: { color: "".concat((hover.debug || hover.debugOver) ||
|
|
48771
|
+
}, style: { color: "".concat((hover.debug || hover.debugOver) || currTab === RunTabs.debug
|
|
48771
48772
|
? '#40a9ff' : '#000') } }))),
|
|
48772
48773
|
React__default.createElement("div", { className: 'item3' },
|
|
48773
48774
|
React__default.createElement("div", null,
|