pollination-react-io 1.41.4 → 1.41.6

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.
Files changed (5) hide show
  1. package/build/index.esm.js +57 -59
  2. package/build/index.esm.js.map +1 -1
  3. package/build/index.js +57 -59
  4. package/build/index.js.map +1 -1
  5. package/package.json +1 -1
package/build/index.esm.js CHANGED
@@ -48525,18 +48525,13 @@ var StudyCard = function (_a) {
48525
48525
  recipe: false,
48526
48526
  info: false
48527
48527
  }), hover = _m[0], setHover = _m[1];
48528
- var toggleHover = function (event, inputId, value) {
48529
- if (inputId === void 0) { inputId = undefined; }
48528
+ var toggleHover = useCallback(function (id, value) {
48530
48529
  if (value === void 0) { value = false; }
48531
- var id = event.target.id;
48532
- if (inputId) {
48533
- id = inputId;
48534
- }
48535
48530
  setHover(function (prevHover) {
48536
48531
  var _a;
48537
48532
  return (__assign(__assign({}, prevHover), (_a = {}, _a[id] = value, _a)));
48538
48533
  });
48539
- };
48534
+ }, [hover]);
48540
48535
  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 () {
48541
48536
  if (!enableClick)
48542
48537
  return;
@@ -48549,10 +48544,10 @@ var StudyCard = function (_a) {
48549
48544
  else ;
48550
48545
  } },
48551
48546
  React__default.createElement("div", { className: 'item1' },
48552
- React__default.createElement("a", { className: 'link', style: { marginRight: '0.75rem' }, onMouseOver: function (e) { return toggleHover(e, 'account', true); }, onMouseLeave: function (e) { return toggleHover(e, 'account', false); }, href: study && "/".concat(study.owner.name) },
48547
+ React__default.createElement("a", { className: 'link', style: { marginRight: '0.75rem' }, onMouseOver: function (e) { return toggleHover('account', true); }, onMouseLeave: function (e) { return toggleHover('account', false); }, href: study && "/".concat(study.owner.name) },
48553
48548
  React__default.createElement(Avatar, { src: study ? study.owner.picture_url : '', size: 32, color: hover.account ? '#40a9ff' : undefined })),
48554
48549
  React__default.createElement("span", { style: { marginRight: '0.75rem' } }, "/"),
48555
- React__default.createElement("a", { className: 'link', href: projectName && "/".concat(projectOwner, "/projects/").concat(projectName), onMouseOver: function (e) { return toggleHover(e, undefined, true); }, onMouseLeave: function (e) { return toggleHover(e, undefined, false); }, id: 'project', style: hover.project ? { color: '#40a9ff' } : {} }, projectName !== null && projectName !== void 0 ? projectName : '--')),
48550
+ React__default.createElement("a", { className: 'link', href: projectName && "/".concat(projectOwner, "/projects/").concat(projectName), onMouseOver: function (e) { return toggleHover('project', true); }, onMouseLeave: function (e) { return toggleHover('project', false); }, style: hover.project ? { color: '#40a9ff' } : {} }, projectName !== null && projectName !== void 0 ? projectName : '--')),
48556
48551
  React__default.createElement("div", { className: 'item2' },
48557
48552
  (study && !run) && total == 1 && React__default.createElement(LoadingOutlined$1, null),
48558
48553
  study && run &&
@@ -48561,27 +48556,27 @@ var StudyCard = function (_a) {
48561
48556
  e.stopPropagation();
48562
48557
  document.location = "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id, "?tab=details");
48563
48558
  }, onMouseOver: function (e) {
48564
- toggleHover(e, 'detailsOver', true);
48559
+ toggleHover('detailsOver', true);
48565
48560
  }, onMouseLeave: function (e) {
48566
- toggleHover(e, 'detailsOver', false);
48561
+ toggleHover('detailsOver', false);
48567
48562
  }, style: { marginRight: '0.75rem',
48568
48563
  color: "".concat((hover.details || hover.detailsOver) ? '#40a9ff' : '#000') } }),
48569
48564
  React__default.createElement(FolderOutlined$1, { className: 'link', onClick: function (e) {
48570
48565
  e.stopPropagation();
48571
48566
  document.location = "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id, "?tab=workspace&path=runs/").concat(run.id);
48572
48567
  }, onMouseOver: function (e) {
48573
- toggleHover(e, 'workspaceOver', true);
48568
+ toggleHover('workspaceOver', true);
48574
48569
  }, onMouseLeave: function (e) {
48575
- toggleHover(e, 'workspaceOver', false);
48570
+ toggleHover('workspaceOver', false);
48576
48571
  }, style: { marginRight: '0.75rem',
48577
48572
  color: "".concat((hover.workspace || hover.workspaceOver) ? '#40a9ff' : '#000') } }),
48578
48573
  React__default.createElement(PartitionOutlined$1, { className: 'link', onClick: function (e) {
48579
48574
  e.stopPropagation();
48580
48575
  document.location = "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id, "?tab=debug");
48581
48576
  }, onMouseOver: function (e) {
48582
- toggleHover(e, 'debugOver', true);
48577
+ toggleHover('debugOver', true);
48583
48578
  }, onMouseLeave: function (e) {
48584
- toggleHover(e, 'debugOver', false);
48579
+ toggleHover('debugOver', false);
48585
48580
  }, style: { color: "".concat((hover.debug || hover.debugOver) ? '#40a9ff' : '#000') } })),
48586
48581
  (study && total > 1) &&
48587
48582
  React__default.createElement("div", null,
@@ -48589,16 +48584,16 @@ var StudyCard = function (_a) {
48589
48584
  e.stopPropagation();
48590
48585
  document.location = "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/workspace");
48591
48586
  }, onMouseOver: function (e) {
48592
- toggleHover(e, 'workspaceOver', true);
48587
+ toggleHover('workspaceOver', true);
48593
48588
  }, onMouseLeave: function (e) {
48594
- toggleHover(e, 'workspaceOver', false);
48589
+ toggleHover('workspaceOver', false);
48595
48590
  }, style: { marginRight: '0.75rem',
48596
48591
  color: "".concat((hover.workspace || hover.workspaceOver) ? '#40a9ff' : '#000') } }))),
48597
48592
  React__default.createElement("div", { className: 'item3' },
48598
48593
  React__default.createElement("div", null,
48599
48594
  study ? (_d = study.spec.name) !== null && _d !== void 0 ? _d : "Study: ".concat(study.id) : '--',
48600
48595
  study && total > 1 && "(#".concat(total, ")"),
48601
- React__default.createElement("button", { style: { all: 'unset', margin: '0 0 0 8px' }, onMouseOver: function (e) { return toggleHover(e, 'info', true); }, onMouseLeave: function (e) { return toggleHover(e, 'info', false); }, onClick: function (e) {
48596
+ React__default.createElement("button", { style: { all: 'unset', margin: '0 0 0 8px' }, onMouseOver: function (e) { return toggleHover('info', true); }, onMouseLeave: function (e) { return toggleHover('info', false); }, onClick: function (e) {
48602
48597
  e.stopPropagation();
48603
48598
  setOpen(function (prev) { return !prev; });
48604
48599
  } },
@@ -48607,11 +48602,11 @@ var StudyCard = function (_a) {
48607
48602
  React__default.createElement("div", { className: 'item5' },
48608
48603
  React__default.createElement("span", { style: { marginRight: '0.75rem' } },
48609
48604
  React__default.createElement(Avatar, { src: study ? study.author.picture_url : '', size: 24, color: hover.author ? '#40a9ff' : undefined })),
48610
- React__default.createElement("a", { className: 'link', href: study ? "/".concat(study.author.name) : '', target: '_blank', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover(e, undefined, true); }, onMouseLeave: function (e) { return toggleHover(e, undefined, false); }, id: 'author', style: hover.author ? { color: '#40a9ff' } : {} }, study ? ((_e = study.author.display_name) !== null && _e !== void 0 ? _e : study.author.name) : '--')),
48605
+ React__default.createElement("a", { className: 'link', href: study ? "/".concat(study.author.name) : '', target: '_blank', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover('author', true); }, onMouseLeave: function (e) { return toggleHover('author', false); }, style: hover.author ? { color: '#40a9ff' } : {} }, study ? ((_e = study.author.display_name) !== null && _e !== void 0 ? _e : study.author.name) : '--')),
48611
48606
  React__default.createElement("div", { className: 'item6' },
48612
48607
  React__default.createElement("span", { style: { marginRight: '0.75rem' } },
48613
48608
  React__default.createElement(Avatar, { src: study ? study.recipe.metadata.icon : '', size: 24, color: hover.recipe ? '#40a9ff' : undefined })),
48614
- React__default.createElement("a", { className: 'link', href: study ? recipeLinkFromSource(study.recipe.source) : '', target: '_blank', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover(e, undefined, true); }, onMouseLeave: function (e) { return toggleHover(e, undefined, false); }, id: 'recipe', style: hover.recipe ? { color: '#40a9ff' } : {} }, study ? study.recipe.metadata.name : '--'),
48609
+ React__default.createElement("a", { className: 'link', href: study ? recipeLinkFromSource(study.recipe.source) : '', target: '_blank', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover('recipe', true); }, onMouseLeave: function (e) { return toggleHover('recipe', false); }, style: hover.recipe ? { color: '#40a9ff' } : {} }, study ? study.recipe.metadata.name : '--'),
48615
48610
  study && React__default.createElement("span", { className: 'light-text' },
48616
48611
  " ",
48617
48612
  study.recipe.metadata.tag)),
@@ -48645,19 +48640,20 @@ var formatDuration = function (duration) {
48645
48640
  return "".concat(duration.days() > 0 ? "".concat(duration.days(), " day").concat(duration.days() !== 1 ? 's' : '', " and ") : '', " ").concat(duration.format('HH:mm:ss'));
48646
48641
  };
48647
48642
  var RunCard = function (_a) {
48648
- var _b, _c, _d, _e;
48643
+ var _b;
48644
+ var _c, _d, _e, _f;
48649
48645
  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, defaultTab = _a.defaultTab;
48650
48646
  /*
48651
48647
  * Fetch run
48652
48648
  */
48653
48649
  var fetchJob = useJobs(client).fetchJob;
48654
- var _f = useRuns(client), fetchRun = _f.fetchRun, statusMap = _f.statusMap, getDuration = _f.getDuration;
48655
- var _g = useWindowDimensions(), width = _g.width; _g.height;
48656
- var _h = useState(false), open = _h[0], setOpen = _h[1];
48650
+ var _g = useRuns(client), fetchRun = _g.fetchRun, statusMap = _g.statusMap, getDuration = _g.getDuration;
48651
+ var _h = useWindowDimensions(), width = _h.width; _h.height;
48652
+ var _j = useState(false), open = _j[0], setOpen = _j[1];
48657
48653
  /*
48658
48654
  * From run to job
48659
48655
  */
48660
- var _j = useSWR(authUser && _run ? [projectOwner, projectName, _run.id] : undefined, fetchRun, {
48656
+ var _k = useSWR(authUser && _run ? [projectOwner, projectName, _run.id] : undefined, fetchRun, {
48661
48657
  revalidateOnFocus: false,
48662
48658
  refreshInterval: !_run || _run.status.finished_at ? undefined : 5000,
48663
48659
  fallbackData: _run,
@@ -48669,14 +48665,14 @@ var RunCard = function (_a) {
48669
48665
  })
48670
48666
  .catch(function () { setStudy(undefined); });
48671
48667
  }
48672
- }), run = _j.data; _j.error; _j.isValidating;
48668
+ }), run = _k.data; _k.error; _k.isValidating;
48673
48669
  var status = useMemo(function () {
48674
48670
  if (!run)
48675
48671
  return undefined;
48676
48672
  return run.status.status;
48677
48673
  }, [run]);
48678
- var _k = useState(), study = _k[0], setStudy = _k[1];
48679
- var _l = useState(getDuration(run)), duration = _l[0], setDuration = _l[1];
48674
+ var _l = useState(), study = _l[0], setStudy = _l[1];
48675
+ var _m = useState(getDuration(run)), duration = _m[0], setDuration = _m[1];
48680
48676
  useEffect(function () {
48681
48677
  if (!run)
48682
48678
  return undefined;
@@ -48705,35 +48701,31 @@ var RunCard = function (_a) {
48705
48701
  recipe: false,
48706
48702
  info: false
48707
48703
  };
48708
- var _m = useState(initialValues), hover = _m[0], setHover = _m[1];
48709
- var toggleHover = function (event, inputId, value) {
48710
- if (inputId === void 0) { inputId = undefined; }
48704
+ var _o = useState(__assign(__assign({}, initialValues), (_b = {}, _b[defaultTab] = true, _b))), hover = _o[0], setHover = _o[1];
48705
+ var toggleHover = useCallback(function (id, value) {
48711
48706
  if (value === void 0) { value = false; }
48712
- var id = event.target.id;
48713
- if (inputId) {
48714
- id = inputId;
48715
- }
48716
48707
  setHover(function (prevHover) {
48717
48708
  var _a;
48718
48709
  return (__assign(__assign({}, prevHover), (_a = {}, _a[id] = value, _a)));
48719
48710
  });
48720
- };
48721
- // Reset hover and use default tab
48722
- var _o = useState(defaultTab), currTab = _o[0], setCurrTab = _o[1];
48711
+ }, [hover]);
48712
+ /*
48713
+ * Reset hover and use default tab
48714
+ */
48723
48715
  useEffect(function () {
48724
48716
  var _a;
48725
- setHover(__assign(__assign({}, initialValues), (_a = {}, _a[currTab] = true, _a)));
48726
- }, [currTab]);
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 () {
48717
+ setHover(__assign(__assign({}, initialValues), (_a = {}, _a[defaultTab] = true, _a)));
48718
+ }, [defaultTab]);
48719
+ return (React__default.createElement("div", { className: enableClick ? 'grid-container' : 'grid-container disable-click', tabIndex: 0, role: 'button', style: __assign({ borderColor: (_d = (_c = statusMap[status]) === null || _c === void 0 ? void 0 : _c.color) !== null && _d !== void 0 ? _d : '#d0d7de' }, style), onClick: function () {
48728
48720
  if (run && enableClick) {
48729
48721
  window.location.href = "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id);
48730
48722
  }
48731
48723
  } },
48732
48724
  React__default.createElement("div", { className: 'item1' },
48733
- React__default.createElement("a", { className: 'link', style: { marginRight: '0.75rem' }, onMouseOver: function (e) { return toggleHover(e, 'account', true); }, onMouseLeave: function (e) { return toggleHover(e, 'account', false); }, href: study && "/".concat(study.owner.name) },
48725
+ React__default.createElement("a", { className: 'link', style: { marginRight: '0.75rem' }, onMouseOver: function (e) { return toggleHover('account', true); }, onMouseLeave: function (e) { return toggleHover('account', false); }, href: study && "/".concat(study.owner.name) },
48734
48726
  React__default.createElement(Avatar, { src: study ? study.owner.picture_url : '', size: 32, color: hover.account ? '#40a9ff' : undefined })),
48735
48727
  React__default.createElement("span", { style: { marginRight: '0.75rem' } }, "/"),
48736
- React__default.createElement("a", { className: 'link', href: projectName && "/".concat(projectOwner, "/projects/").concat(projectName), onMouseOver: function (e) { return toggleHover(e, undefined, true); }, onMouseLeave: function (e) { return toggleHover(e, undefined, false); }, id: 'project', style: hover.project ? { color: '#40a9ff' } : {} }, projectName !== null && projectName !== void 0 ? projectName : '--')),
48728
+ React__default.createElement("a", { className: 'link', href: projectName && "/".concat(projectOwner, "/projects/").concat(projectName), onMouseOver: function (e) { return toggleHover('project', true); }, onMouseLeave: function (e) { return toggleHover('project', false); }, style: hover.project ? { color: '#40a9ff' } : {} }, projectName !== null && projectName !== void 0 ? projectName : '--')),
48737
48729
  React__default.createElement("div", { className: 'item2' },
48738
48730
  !study && run && React__default.createElement(LoadingOutlined$1, null),
48739
48731
  run && study &&
@@ -48741,39 +48733,45 @@ var RunCard = function (_a) {
48741
48733
  React__default.createElement(InfoCircleOutlined$1, { className: 'link', onClick: function (e) {
48742
48734
  e.stopPropagation();
48743
48735
  getValue(RunTabs.details);
48744
- setCurrTab(RunTabs.details);
48736
+ toggleHover(RunTabs.workspace, false);
48737
+ toggleHover(RunTabs.details, true);
48738
+ toggleHover(RunTabs.debug, false);
48745
48739
  }, onMouseOver: function (e) {
48746
- toggleHover(e, 'detailsOver', true);
48740
+ toggleHover('detailsOver', true);
48747
48741
  }, onMouseLeave: function (e) {
48748
- toggleHover(e, 'detailsOver', false);
48742
+ toggleHover('detailsOver', false);
48749
48743
  }, style: { marginRight: '0.75rem',
48750
- color: "".concat((hover.details || hover.detailsOver) || currTab === RunTabs.details
48744
+ color: "".concat((hover.details || hover.detailsOver)
48751
48745
  ? '#40a9ff' : '#000') } }),
48752
48746
  React__default.createElement(FolderOutlined$1, { className: 'link', onClick: function (e) {
48753
48747
  e.stopPropagation();
48754
48748
  getValue(RunTabs.workspace);
48755
- setCurrTab(RunTabs.workspace);
48749
+ toggleHover(RunTabs.workspace, true);
48750
+ toggleHover(RunTabs.details, false);
48751
+ toggleHover(RunTabs.debug, false);
48756
48752
  }, onMouseOver: function (e) {
48757
- toggleHover(e, 'workspaceOver', true);
48753
+ toggleHover('workspaceOver', true);
48758
48754
  }, onMouseLeave: function (e) {
48759
- toggleHover(e, 'workspaceOver', false);
48755
+ toggleHover('workspaceOver', false);
48760
48756
  }, style: { marginRight: '0.75rem',
48761
- color: "".concat((hover.workspace || hover.workspaceOver) || currTab === RunTabs.workspace
48757
+ color: "".concat((hover.workspace || hover.workspaceOver)
48762
48758
  ? '#40a9ff' : '#000') } }),
48763
48759
  React__default.createElement(PartitionOutlined$1, { className: 'link', onClick: function (e) {
48764
48760
  e.stopPropagation();
48765
48761
  getValue(RunTabs.debug);
48766
- setCurrTab(RunTabs.debug);
48762
+ toggleHover(RunTabs.workspace, false);
48763
+ toggleHover(RunTabs.details, false);
48764
+ toggleHover(RunTabs.debug, true);
48767
48765
  }, onMouseOver: function (e) {
48768
- toggleHover(e, 'debugOver', true);
48766
+ toggleHover('debugOver', true);
48769
48767
  }, onMouseLeave: function (e) {
48770
- toggleHover(e, 'debugOver', false);
48771
- }, style: { color: "".concat((hover.debug || hover.debugOver) || currTab === RunTabs.debug
48768
+ toggleHover('debugOver', false);
48769
+ }, style: { color: "".concat((hover.debug || hover.debugOver)
48772
48770
  ? '#40a9ff' : '#000') } }))),
48773
48771
  React__default.createElement("div", { className: 'item3' },
48774
48772
  React__default.createElement("div", null,
48775
- study ? (_d = study.spec.name) !== null && _d !== void 0 ? _d : "Study: ".concat(study.id) : '--',
48776
- React__default.createElement("button", { style: { all: 'unset', margin: '0 0 0 8px' }, onMouseOver: function (e) { return toggleHover(e, 'info', true); }, onMouseLeave: function (e) { return toggleHover(e, 'info', false); }, onClick: function (e) {
48773
+ study ? (_e = study.spec.name) !== null && _e !== void 0 ? _e : "Study: ".concat(study.id) : '--',
48774
+ React__default.createElement("button", { style: { all: 'unset', margin: '0 0 0 8px' }, onMouseOver: function (e) { return toggleHover('info', true); }, onMouseLeave: function (e) { return toggleHover('info', false); }, onClick: function (e) {
48777
48775
  e.stopPropagation();
48778
48776
  setOpen(function (prev) { return !prev; });
48779
48777
  } },
@@ -48782,11 +48780,11 @@ var RunCard = function (_a) {
48782
48780
  React__default.createElement("div", { className: 'item5' },
48783
48781
  React__default.createElement("span", { style: { marginRight: '0.75rem' } },
48784
48782
  React__default.createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: study ? study.author.picture_url : '', size: 24 })),
48785
- React__default.createElement("a", { className: 'link', href: study ? "/".concat(study.author.name) : '', target: '_blank', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover(e, undefined, true); }, onMouseLeave: function (e) { return toggleHover(e, undefined, false); }, id: 'author', style: hover.author ? { color: '#40a9ff' } : {} }, study ? ((_e = study.author.display_name) !== null && _e !== void 0 ? _e : study.author.name) : '--')),
48783
+ React__default.createElement("a", { className: 'link', href: study ? "/".concat(study.author.name) : '', target: '_blank', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover('author', true); }, onMouseLeave: function (e) { return toggleHover('author', false); }, style: hover.author ? { color: '#40a9ff' } : {} }, study ? ((_f = study.author.display_name) !== null && _f !== void 0 ? _f : study.author.name) : '--')),
48786
48784
  React__default.createElement("div", { className: 'item6' },
48787
48785
  React__default.createElement("span", { style: { marginRight: '0.75rem' } },
48788
48786
  React__default.createElement(Avatar, { color: hover.recipe ? '#40a9ff' : undefined, src: study ? study.recipe.metadata.icon : '', size: 24 })),
48789
- React__default.createElement("a", { className: 'link', href: study ? recipeLinkFromSource(study.recipe.source) : '', target: '_blank', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover(e, undefined, true); }, onMouseLeave: function (e) { return toggleHover(e, undefined, false); }, id: 'recipe', style: hover.recipe ? { color: '#40a9ff' } : {} }, study ? study.recipe.metadata.name : '--'),
48787
+ React__default.createElement("a", { className: 'link', href: study ? recipeLinkFromSource(study.recipe.source) : '', target: '_blank', rel: 'noreferrer', onMouseOver: function (e) { return toggleHover('recipe', true); }, onMouseLeave: function (e) { return toggleHover('recipe', false); }, style: hover.recipe ? { color: '#40a9ff' } : {} }, study ? study.recipe.metadata.name : '--'),
48790
48788
  study && React__default.createElement("span", { className: 'light-text' },
48791
48789
  " ",
48792
48790
  study.recipe.metadata.tag)),