pollination-react-io 1.41.5 → 1.41.7

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 +53 -62
  2. package/build/index.esm.js.map +1 -1
  3. package/build/index.js +53 -62
  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
- document.location = "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id, "?tab=workspace&path=runs/").concat(run.id);
48566
+ document.location = "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id, "?tab=workspace&path=runs/").concat(run.id, "/workspace");
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,19 +48701,14 @@ 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
- };
48711
+ }, [hover]);
48721
48712
  /*
48722
48713
  * Reset hover and use default tab
48723
48714
  */
@@ -48725,16 +48716,16 @@ var RunCard = function (_a) {
48725
48716
  var _a;
48726
48717
  setHover(__assign(__assign({}, initialValues), (_a = {}, _a[defaultTab] = true, _a)));
48727
48718
  }, [defaultTab]);
48728
- 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 () {
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 () {
48729
48720
  if (run && enableClick) {
48730
48721
  window.location.href = "/".concat(projectOwner, "/projects/").concat(projectName, "/studies/").concat(study.id, "/runs/").concat(run.id);
48731
48722
  }
48732
48723
  } },
48733
48724
  React__default.createElement("div", { className: 'item1' },
48734
- 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) },
48735
48726
  React__default.createElement(Avatar, { src: study ? study.owner.picture_url : '', size: 32, color: hover.account ? '#40a9ff' : undefined })),
48736
48727
  React__default.createElement("span", { style: { marginRight: '0.75rem' } }, "/"),
48737
- 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 : '--')),
48738
48729
  React__default.createElement("div", { className: 'item2' },
48739
48730
  !study && run && React__default.createElement(LoadingOutlined$1, null),
48740
48731
  run && study &&
@@ -48742,45 +48733,45 @@ var RunCard = function (_a) {
48742
48733
  React__default.createElement(InfoCircleOutlined$1, { className: 'link', onClick: function (e) {
48743
48734
  e.stopPropagation();
48744
48735
  getValue(RunTabs.details);
48745
- toggleHover(e, RunTabs.workspace, false);
48746
- toggleHover(e, RunTabs.details, true);
48747
- toggleHover(e, RunTabs.debug, false);
48736
+ toggleHover(RunTabs.workspace, false);
48737
+ toggleHover(RunTabs.details, true);
48738
+ toggleHover(RunTabs.debug, false);
48748
48739
  }, onMouseOver: function (e) {
48749
- toggleHover(e, 'detailsOver', true);
48740
+ toggleHover('detailsOver', true);
48750
48741
  }, onMouseLeave: function (e) {
48751
- toggleHover(e, 'detailsOver', false);
48742
+ toggleHover('detailsOver', false);
48752
48743
  }, style: { marginRight: '0.75rem',
48753
- color: "".concat((hover.details || hover.detailsOver) || defaultTab === RunTabs.details
48744
+ color: "".concat((hover.details || hover.detailsOver)
48754
48745
  ? '#40a9ff' : '#000') } }),
48755
48746
  React__default.createElement(FolderOutlined$1, { className: 'link', onClick: function (e) {
48756
48747
  e.stopPropagation();
48757
48748
  getValue(RunTabs.workspace);
48758
- toggleHover(e, RunTabs.workspace, true);
48759
- toggleHover(e, RunTabs.details, false);
48760
- toggleHover(e, RunTabs.debug, false);
48749
+ toggleHover(RunTabs.workspace, true);
48750
+ toggleHover(RunTabs.details, false);
48751
+ toggleHover(RunTabs.debug, false);
48761
48752
  }, onMouseOver: function (e) {
48762
- toggleHover(e, 'workspaceOver', true);
48753
+ toggleHover('workspaceOver', true);
48763
48754
  }, onMouseLeave: function (e) {
48764
- toggleHover(e, 'workspaceOver', false);
48755
+ toggleHover('workspaceOver', false);
48765
48756
  }, style: { marginRight: '0.75rem',
48766
- color: "".concat((hover.workspace || hover.workspaceOver) || defaultTab === RunTabs.workspace
48757
+ color: "".concat((hover.workspace || hover.workspaceOver)
48767
48758
  ? '#40a9ff' : '#000') } }),
48768
48759
  React__default.createElement(PartitionOutlined$1, { className: 'link', onClick: function (e) {
48769
48760
  e.stopPropagation();
48770
48761
  getValue(RunTabs.debug);
48771
- toggleHover(e, RunTabs.workspace, false);
48772
- toggleHover(e, RunTabs.details, false);
48773
- toggleHover(e, RunTabs.debug, true);
48762
+ toggleHover(RunTabs.workspace, false);
48763
+ toggleHover(RunTabs.details, false);
48764
+ toggleHover(RunTabs.debug, true);
48774
48765
  }, onMouseOver: function (e) {
48775
- toggleHover(e, 'debugOver', true);
48766
+ toggleHover('debugOver', true);
48776
48767
  }, onMouseLeave: function (e) {
48777
- toggleHover(e, 'debugOver', false);
48778
- }, style: { color: "".concat((hover.debug || hover.debugOver) || defaultTab === RunTabs.debug
48768
+ toggleHover('debugOver', false);
48769
+ }, style: { color: "".concat((hover.debug || hover.debugOver)
48779
48770
  ? '#40a9ff' : '#000') } }))),
48780
48771
  React__default.createElement("div", { className: 'item3' },
48781
48772
  React__default.createElement("div", null,
48782
- study ? (_d = study.spec.name) !== null && _d !== void 0 ? _d : "Study: ".concat(study.id) : '--',
48783
- 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) {
48784
48775
  e.stopPropagation();
48785
48776
  setOpen(function (prev) { return !prev; });
48786
48777
  } },
@@ -48789,11 +48780,11 @@ var RunCard = function (_a) {
48789
48780
  React__default.createElement("div", { className: 'item5' },
48790
48781
  React__default.createElement("span", { style: { marginRight: '0.75rem' } },
48791
48782
  React__default.createElement(Avatar, { color: hover.author ? '#40a9ff' : undefined, src: study ? study.author.picture_url : '', size: 24 })),
48792
- 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) : '--')),
48793
48784
  React__default.createElement("div", { className: 'item6' },
48794
48785
  React__default.createElement("span", { style: { marginRight: '0.75rem' } },
48795
48786
  React__default.createElement(Avatar, { color: hover.recipe ? '#40a9ff' : undefined, src: study ? study.recipe.metadata.icon : '', size: 24 })),
48796
- 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 : '--'),
48797
48788
  study && React__default.createElement("span", { className: 'light-text' },
48798
48789
  " ",
48799
48790
  study.recipe.metadata.tag)),