pollination-react-io 1.11.0 → 1.12.0

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 (14) hide show
  1. package/build/RecipeInputsForm/RecipeInputsForm.d.ts +1 -1
  2. package/build/RecipeInputsForm/RecipeInputsForm.types.d.ts +2 -4
  3. package/build/SelectCloudArtifacts/SelectCloudArtifacts.types.d.ts +5 -1
  4. package/build/SelectCloudArtifacts/getFileTypeIcon.d.ts +1 -1
  5. package/build/atoms/ComboBox/ComboBox.types.d.ts +1 -0
  6. package/build/hooks/types.d.ts +2 -2
  7. package/build/hooks/useCreateStudy.d.ts +2 -1
  8. package/build/hooks/useManageSettings.d.ts +1 -1
  9. package/build/index.d.ts +1 -0
  10. package/build/index.esm.js +290 -376
  11. package/build/index.esm.js.map +1 -1
  12. package/build/index.js +290 -375
  13. package/build/index.js.map +1 -1
  14. package/package.json +4 -6
package/build/index.esm.js CHANGED
@@ -17,18 +17,18 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
17
17
  PERFORMANCE OF THIS SOFTWARE.
18
18
  ***************************************************************************** */
19
19
 
20
- var __assign$3 = function() {
21
- __assign$3 = Object.assign || function __assign(t) {
20
+ var __assign = function() {
21
+ __assign = Object.assign || function __assign(t) {
22
22
  for (var s, i = 1, n = arguments.length; i < n; i++) {
23
23
  s = arguments[i];
24
24
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
25
25
  }
26
26
  return t;
27
27
  };
28
- return __assign$3.apply(this, arguments);
28
+ return __assign.apply(this, arguments);
29
29
  };
30
30
 
31
- function __rest$2(s, e) {
31
+ function __rest(s, e) {
32
32
  var t = {};
33
33
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
34
34
  t[p] = s[p];
@@ -107,7 +107,7 @@ function __read(o, n) {
107
107
  return ar;
108
108
  }
109
109
 
110
- function __spreadArray$1(to, from, pack) {
110
+ function __spreadArray(to, from, pack) {
111
111
  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
112
112
  if (ar || !(i in from)) {
113
113
  if (!ar) ar = Array.prototype.slice.call(from, 0, i);
@@ -21594,11 +21594,11 @@ var basePath = process.env.REACT_APP_API_BASE_PATH || 'https://api.pollination.c
21594
21594
  var useAPIClient = function (config) {
21595
21595
  var _a = useState(), authUser = _a[0], setAuthUser = _a[1];
21596
21596
  var _b = useState(false), loading = _b[0], setLoading = _b[1];
21597
- var client = useRef(new APIClient(__assign$3({ basePath: basePath }, config)));
21597
+ var client = useRef(new APIClient(__assign({ basePath: basePath }, config)));
21598
21598
  useEffect(function () {
21599
21599
  if (!config)
21600
21600
  return;
21601
- client.current.configure(__assign$3({ basePath: basePath }, config));
21601
+ client.current.configure(__assign({ basePath: basePath }, config));
21602
21602
  setLoading(true);
21603
21603
  client.current.user.getMe()
21604
21604
  .then(function (_a) {
@@ -21786,7 +21786,18 @@ var useCreateStudy = function (accountName, projectName, client) {
21786
21786
  var processEntry = useCallback(function (_a) {
21787
21787
  var name = _a[0], value = _a[1];
21788
21788
  return new Promise(function (resolve, reject) {
21789
- if (!(value instanceof File)) {
21789
+ // true for files selected via SelectCloudArtifacts
21790
+ if (typeof value.pollination_cloud_path === 'string') {
21791
+ resolve({
21792
+ name: name,
21793
+ type: 'JobPathArgument',
21794
+ source: {
21795
+ type: 'ProjectFolder',
21796
+ path: value.pollination_cloud_path
21797
+ }
21798
+ });
21799
+ }
21800
+ else if (!(value instanceof File)) {
21790
21801
  resolve({
21791
21802
  name: name,
21792
21803
  type: 'JobArgument',
@@ -21794,7 +21805,8 @@ var useCreateStudy = function (accountName, projectName, client) {
21794
21805
  });
21795
21806
  }
21796
21807
  else {
21797
- resolve(uploadArtifact(undefined, value).then(function (data) { return ({
21808
+ resolve(uploadArtifact(undefined, value)
21809
+ .then(function (data) { return ({
21798
21810
  name: name,
21799
21811
  type: 'JobPathArgument',
21800
21812
  source: {
@@ -21805,7 +21817,7 @@ var useCreateStudy = function (accountName, projectName, client) {
21805
21817
  }
21806
21818
  });
21807
21819
  }, [uploadArtifact]);
21808
- var webCreateJob = useCallback(function (_a, data) {
21820
+ var createStudy = useCallback(function (_a, data) {
21809
21821
  var name = _a.name, source = _a.source, description = _a.description;
21810
21822
  if (!client)
21811
21823
  return;
@@ -21838,7 +21850,7 @@ var useCreateStudy = function (accountName, projectName, client) {
21838
21850
  });
21839
21851
  });
21840
21852
  }, [accountName, client, processEntry, projectName, uploadArtifact]);
21841
- var rhinoCreateJob = useCallback(function (_a, data, key) {
21853
+ var createLocalStudy = useCallback(function (_a, data, key) {
21842
21854
  var name = _a.name, source = _a.source, description = _a.description;
21843
21855
  if (key === void 0) { key = performance.now().toString(); }
21844
21856
  return __awaiter(void 0, void 0, void 0, function () {
@@ -21867,19 +21879,10 @@ var useCreateStudy = function (accountName, projectName, client) {
21867
21879
  });
21868
21880
  });
21869
21881
  }, [client, processEntry, uploadArtifact]);
21870
- var createJob = useMemo(function () {
21871
- switch (host) {
21872
- case 'web':
21873
- return webCreateJob;
21874
- case 'rhino':
21875
- return rhinoCreateJob;
21876
- default:
21877
- return undefined;
21878
- }
21879
- }, [host, rhinoCreateJob, webCreateJob]);
21880
21882
  return {
21881
21883
  host: host,
21882
- createStudy: createJob
21884
+ createStudy: createStudy,
21885
+ createLocalStudy: createLocalStudy
21883
21886
  };
21884
21887
  };
21885
21888
 
@@ -23779,7 +23782,7 @@ var useGetHbjson = function () {
23779
23782
  var revitGetHbjson = useCallback(function () {
23780
23783
  if (!checkDotNet())
23781
23784
  return;
23782
- window.parent.chrome.webview.hostObjects.sync.hbjson.Get();
23785
+ window.parent.chrome.webview.hostObjects.sync.hbjson.GetAsync();
23783
23786
  }, []);
23784
23787
  var getHbjson = useMemo(function () {
23785
23788
  switch (host) {
@@ -23788,7 +23791,7 @@ var useGetHbjson = function () {
23788
23791
  case 'revit':
23789
23792
  return revitGetHbjson;
23790
23793
  case 'sketchup':
23791
- return revitGetHbjson;
23794
+ return dotNetGetHbjson;
23792
23795
  default:
23793
23796
  return undefined;
23794
23797
  }
@@ -23872,8 +23875,8 @@ var useSendHbjson = function () {
23872
23875
  var sendHbjson = useCallback(function (action, message) {
23873
23876
  if (!checkDotNet())
23874
23877
  return;
23875
- var response = sendMessageDotNet(__assign$3({ action: action }, message));
23876
- setState(function (state) { return (__assign$3(__assign$3({}, state), { response: response })); });
23878
+ var response = sendMessageDotNet(__assign({ action: action }, message));
23879
+ setState(function (state) { return (__assign(__assign({}, state), { response: response })); });
23877
23880
  return response;
23878
23881
  }, []);
23879
23882
  return ({
@@ -23887,8 +23890,8 @@ var useSendMessage = function () {
23887
23890
  var host = getHost();
23888
23891
  var _a = useState(), state = _a[0], setState = _a[1];
23889
23892
  var sendMessage = useCallback(function (action, message) {
23890
- var response = sendMessageDotNet(__assign$3({ action: action }, message));
23891
- setState(function (state) { return (__assign$3(__assign$3({}, state), { response: response })); });
23893
+ var response = sendMessageDotNet(__assign({ action: action }, message));
23894
+ setState(function (state) { return (__assign(__assign({}, state), { response: response })); });
23892
23895
  return response;
23893
23896
  }, []);
23894
23897
  return ({
@@ -23930,22 +23933,22 @@ var useRunCommand = function (defaultKey) {
23930
23933
  var useManageSettings = function () {
23931
23934
  var _a = useSendMessage(), host = _a.host, sendMessage = _a.sendMessage;
23932
23935
  var sendSettings = useCallback(function (settings) {
23933
- return sendMessage('SetModelSettings', { data: settings });
23936
+ return sendMessage('AddSettings', { data: settings });
23934
23937
  }, [sendMessage]);
23935
- var getSettings = useCallback(function () {
23938
+ var getSettings = useCallback(function (key) {
23936
23939
  // if (!checkDotNet()) return
23940
+ if (key === void 0) { key = performance.now().toString(); }
23937
23941
  var settings;
23938
23942
  try {
23939
23943
  settings = window.parent.chrome.webview.hostObjects.sync.settings.GetModelSettings();
23940
23944
  }
23941
23945
  catch (_a) {
23942
- throw new Error('window.parent.chrome.webview.hostObjects.sync.settings.GetModelSettings() is not available on this platform or has been deprecated.');
23943
- }
23944
- try {
23945
- settings = window.parent.chrome.webview.hostObjects.sync.settings.Get();
23946
- }
23947
- catch (_b) {
23948
- throw new Error('window.parent.chrome.webview.hostObjects.sync.settings.Get() is not available on this platform or has been deprecated.');
23946
+ try {
23947
+ settings = window.parent.chrome.webview.hostObjects.sync.settings.Get(key).data;
23948
+ }
23949
+ catch (_b) {
23950
+ throw new Error('Neither window.parent.chrome.webview.hostObjects.sync.settings.GetModelSettings() nor .Get() are available on this platform.');
23951
+ }
23949
23952
  }
23950
23953
  return settings;
23951
23954
  }, []);
@@ -25540,32 +25543,6 @@ if (process.env.NODE_ENV === 'production') {
25540
25543
 
25541
25544
  function t$4(t){return "object"==typeof t&&null!=t&&1===t.nodeType}function e$4(t,e){return (!e||"hidden"!==t)&&"visible"!==t&&"clip"!==t}function n$5(t,n){if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){var r=getComputedStyle(t,null);return e$4(r.overflowY,n)||e$4(r.overflowX,n)||function(t){var e=function(t){if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}}(t);return !!e&&(e.clientHeight<t.scrollHeight||e.clientWidth<t.scrollWidth)}(t)}return !1}function r$5(t,e,n,r,i,o,l,d){return o<t&&l>e||o>t&&l<e?0:o<=t&&d<=n||l>=e&&d>=n?o-t-r:l>e&&d<n||o<t&&d>n?l-e+i:0}function computeScrollIntoView(e,i){var o=window,l=i.scrollMode,d=i.block,u=i.inline,h=i.boundary,a=i.skipOverflowHiddenElements,c="function"==typeof h?h:function(t){return t!==h};if(!t$4(e))throw new TypeError("Invalid target");for(var f=document.scrollingElement||document.documentElement,s=[],p=e;t$4(p)&&c(p);){if((p=p.parentElement)===f){s.push(p);break}null!=p&&p===document.body&&n$5(p)&&!n$5(document.documentElement)||null!=p&&n$5(p,a)&&s.push(p);}for(var m=o.visualViewport?o.visualViewport.width:innerWidth,g=o.visualViewport?o.visualViewport.height:innerHeight,w=window.scrollX||pageXOffset,v=window.scrollY||pageYOffset,W=e.getBoundingClientRect(),b=W.height,H=W.width,y=W.top,E=W.right,M=W.bottom,V=W.left,x="start"===d||"nearest"===d?y:"end"===d?M:y+b/2,I="center"===u?V+H/2:"end"===u?E:V,C=[],T=0;T<s.length;T++){var k=s[T],B=k.getBoundingClientRect(),D=B.height,O=B.width,R=B.top,X=B.right,Y=B.bottom,L=B.left;if("if-needed"===l&&y>=0&&V>=0&&M<=g&&E<=m&&y>=R&&M<=Y&&V>=L&&E<=X)return C;var S=getComputedStyle(k),j=parseInt(S.borderLeftWidth,10),q=parseInt(S.borderTopWidth,10),z=parseInt(S.borderRightWidth,10),A=parseInt(S.borderBottomWidth,10),F=0,G=0,J="offsetWidth"in k?k.offsetWidth-k.clientWidth-j-z:0,K="offsetHeight"in k?k.offsetHeight-k.clientHeight-q-A:0;if(f===k)F="start"===d?x:"end"===d?x-g:"nearest"===d?r$5(v,v+g,g,q,A,v+x,v+x+b,b):x-g/2,G="start"===u?I:"center"===u?I-m/2:"end"===u?I-m:r$5(w,w+m,m,j,z,w+I,w+I+H,H),F=Math.max(0,F+v),G=Math.max(0,G+w);else {F="start"===d?x-R-q:"end"===d?x-Y+A+K:"nearest"===d?r$5(R,Y,D,q,A+K,x,x+b,b):x-(R+D/2)+K/2,G="start"===u?I-L-j:"center"===u?I-(L+O/2)+J/2:"end"===u?I-X+z+J:r$5(L,X,O,j,z+J,I,I+H,H);var N=k.scrollLeft,P=k.scrollTop;x+=P-(F=Math.max(0,Math.min(P+F,k.scrollHeight-D+K))),I+=N-(G=Math.max(0,Math.min(N+G,k.scrollWidth-O+J)));}C.push({el:k,top:F,left:G});}return C}
25542
25545
 
25543
- /******************************************************************************
25544
- Copyright (c) Microsoft Corporation.
25545
-
25546
- Permission to use, copy, modify, and/or distribute this software for any
25547
- purpose with or without fee is hereby granted.
25548
-
25549
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
25550
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
25551
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
25552
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
25553
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
25554
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
25555
- PERFORMANCE OF THIS SOFTWARE.
25556
- ***************************************************************************** */
25557
-
25558
- var __assign$2 = function() {
25559
- __assign$2 = Object.assign || function __assign(t) {
25560
- for (var s, i = 1, n = arguments.length; i < n; i++) {
25561
- s = arguments[i];
25562
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
25563
- }
25564
- return t;
25565
- };
25566
- return __assign$2.apply(this, arguments);
25567
- };
25568
-
25569
25546
  var idCounter$1 = 0;
25570
25547
  /**
25571
25548
  * Accepts a parameter and returns it if it's a function
@@ -27835,7 +27812,7 @@ function getA11yStatusMessage(_a) {
27835
27812
  }
27836
27813
  return '';
27837
27814
  }
27838
- __assign$2(__assign$2({}, defaultProps$3$1), { getA11yStatusMessage: getA11yStatusMessage });
27815
+ __assign(__assign({}, defaultProps$3$1), { getA11yStatusMessage: getA11yStatusMessage });
27839
27816
  /* istanbul ignore next */
27840
27817
  if (process.env.NODE_ENV !== 'production') ;
27841
27818
 
@@ -31850,7 +31827,7 @@ styleInject(css_248z$9);
31850
31827
 
31851
31828
  var ButtonGroup = function (_a) {
31852
31829
  var _b = _a.wrapperProps, wrapperProps = _b === void 0 ? {} : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, children = _a.children;
31853
- return (React__default.createElement("div", __assign$3({ className: "btn-group ".concat(disabled && 'btn-group-disabled') }, wrapperProps), children));
31830
+ return (React__default.createElement("div", __assign({ className: "btn-group ".concat(disabled && 'btn-group-disabled') }, wrapperProps), children));
31854
31831
  };
31855
31832
 
31856
31833
  var ICON_SIZE$1 = 18;
@@ -31896,8 +31873,8 @@ var ComboBox = React__default.forwardRef(function ComboBox(_a, ref) {
31896
31873
  closeMenu();
31897
31874
  }, [closeMenu, selectedItem, setSelected]);
31898
31875
  return (React__default.createElement("div", { "data-testid": "ComboBoxSelect", className: "poll-combobox" },
31899
- React__default.createElement(ButtonGroup, { wrapperProps: __assign$3(__assign$3({}, getComboboxProps()), { style: __assign$3(__assign$3({}, inputStyle), { position: 'relative', width: '100%' }) }), disabled: disabled },
31900
- React__default.createElement("input", __assign$3({}, getInputProps(__assign$3(__assign$3({ placeholder: 'Search for something...' }, inputProps), { onFocus: function () {
31876
+ React__default.createElement(ButtonGroup, { wrapperProps: __assign(__assign({}, getComboboxProps()), { style: __assign(__assign({}, inputStyle), { position: 'relative', width: '100%' }) }), disabled: disabled },
31877
+ React__default.createElement("input", __assign({}, getInputProps(__assign(__assign({ placeholder: 'Search for something...' }, inputProps), { onFocus: function () {
31901
31878
  openMenu();
31902
31879
  } })), { spellCheck: false, disabled: disabled, style: {
31903
31880
  paddingLeft: 34,
@@ -31929,7 +31906,7 @@ var ComboBox = React__default.forwardRef(function ComboBox(_a, ref) {
31929
31906
  borderBottomRightRadius: isOpen ? 0 : 4,
31930
31907
  } },
31931
31908
  React__default.createElement(X$3, { size: ICON_SIZE$1 })))
31932
- : (React__default.createElement("button", __assign$3({ disabled: disabled }, getToggleButtonProps(), { style: {
31909
+ : (React__default.createElement("button", __assign({ disabled: disabled }, getToggleButtonProps(), { style: {
31933
31910
  borderBottomRightRadius: isOpen ? 0 : 4,
31934
31911
  } }),
31935
31912
  React__default.createElement(ArrowDown$1, { size: ICON_SIZE$1 })))),
@@ -31952,10 +31929,16 @@ var ComboBox = React__default.forwardRef(function ComboBox(_a, ref) {
31952
31929
  return;
31953
31930
  debouncedOnScrollReachEnd && debouncedOnScrollReachEnd();
31954
31931
  } },
31955
- React__default.createElement("ul", __assign$3({}, getMenuProps(), { style: __assign$3(__assign$3({}, menuStyle), { display: 'flex', width: '100%', boxSizing: 'border-box', zIndex: 100, padding: 0, flexDirection: 'column', margin: 0 }) }), inputItems.map(function (item, i, arr) { return (React__default.createElement("li", __assign$3({ className: "poll-combobox-item", style: highlightedIndex === i ? { backgroundColor: '#bde4ff' } : {}, key: "".concat(item.name, "-").concat(i) }, getItemProps({
31932
+ React__default.createElement("ul", __assign({}, getMenuProps(), { style: __assign(__assign({}, menuStyle), { display: 'flex', width: '100%', boxSizing: 'border-box', zIndex: 100, padding: 0, flexDirection: 'column', margin: 0 }) }), inputItems.map(function (item, i, arr) { return (React__default.createElement("li", __assign({ className: "poll-combobox-item", style: {
31933
+ backgroundColor: highlightedIndex === i ? '#bde4ff' : undefined,
31934
+ color: item.disabled ? 'var(--slate10)' : undefined,
31935
+ cursor: item.disabled ? 'default' : undefined,
31936
+ fill: item.disabled ? 'var(--slate10)' : undefined
31937
+ }, key: "".concat(item.name, "-").concat(i) }, getItemProps({
31956
31938
  item: item,
31957
31939
  index: i,
31958
31940
  // isSelected: selectedItem && selectedItem.id === item.id,
31941
+ disabled: typeof item.disabled === 'boolean' && item.disabled
31959
31942
  })), renderItem ? renderItem(item, i, arr) : item.name)); }))),
31960
31943
  React__default.createElement("div", { className: 'poll-combo-footer-container', style: {
31961
31944
  opacity: isOpen ? 1 : 0
@@ -32105,54 +32088,6 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
32105
32088
  };
32106
32089
  };
32107
32090
 
32108
- /******************************************************************************
32109
- Copyright (c) Microsoft Corporation.
32110
-
32111
- Permission to use, copy, modify, and/or distribute this software for any
32112
- purpose with or without fee is hereby granted.
32113
-
32114
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
32115
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
32116
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
32117
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
32118
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
32119
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
32120
- PERFORMANCE OF THIS SOFTWARE.
32121
- ***************************************************************************** */
32122
-
32123
- var __assign$1 = function() {
32124
- __assign$1 = Object.assign || function __assign(t) {
32125
- for (var s, i = 1, n = arguments.length; i < n; i++) {
32126
- s = arguments[i];
32127
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
32128
- }
32129
- return t;
32130
- };
32131
- return __assign$1.apply(this, arguments);
32132
- };
32133
-
32134
- function __rest$1(s, e) {
32135
- var t = {};
32136
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
32137
- t[p] = s[p];
32138
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
32139
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
32140
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
32141
- t[p[i]] = s[p[i]];
32142
- }
32143
- return t;
32144
- }
32145
-
32146
- function __spreadArray(to, from, pack) {
32147
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
32148
- if (ar || !(i in from)) {
32149
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
32150
- ar[i] = from[i];
32151
- }
32152
- }
32153
- return to.concat(ar || Array.prototype.slice.call(from));
32154
- }
32155
-
32156
32091
  var zeroRightClassName = 'right-scroll-bar-position';
32157
32092
  var fullWidthClassName = 'width-before-scroll-bar';
32158
32093
  var noScrollbarsClassName = 'with-scroll-bars-hidden';
@@ -32242,44 +32177,6 @@ function useMergeRefs(refs, defaultValue) {
32242
32177
  return useCallbackRef(defaultValue || null, function (newValue) { return refs.forEach(function (ref) { return assignRef(ref, newValue); }); });
32243
32178
  }
32244
32179
 
32245
- /******************************************************************************
32246
- Copyright (c) Microsoft Corporation.
32247
-
32248
- Permission to use, copy, modify, and/or distribute this software for any
32249
- purpose with or without fee is hereby granted.
32250
-
32251
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
32252
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
32253
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
32254
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
32255
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
32256
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
32257
- PERFORMANCE OF THIS SOFTWARE.
32258
- ***************************************************************************** */
32259
-
32260
- var __assign = function() {
32261
- __assign = Object.assign || function __assign(t) {
32262
- for (var s, i = 1, n = arguments.length; i < n; i++) {
32263
- s = arguments[i];
32264
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
32265
- }
32266
- return t;
32267
- };
32268
- return __assign.apply(this, arguments);
32269
- };
32270
-
32271
- function __rest(s, e) {
32272
- var t = {};
32273
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
32274
- t[p] = s[p];
32275
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
32276
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
32277
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
32278
- t[p[i]] = s[p[i]];
32279
- }
32280
- return t;
32281
- }
32282
-
32283
32180
  function ItoI(a) {
32284
32181
  return a;
32285
32182
  }
@@ -32386,13 +32283,13 @@ var RemoveScroll = React.forwardRef(function (props, parentRef) {
32386
32283
  onWheelCapture: nothing,
32387
32284
  onTouchMoveCapture: nothing,
32388
32285
  }), callbacks = _a[0], setCallbacks = _a[1];
32389
- var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, rest = __rest$1(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]);
32286
+ var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]);
32390
32287
  var SideCar = sideCar;
32391
32288
  var containerRef = useMergeRefs([ref, parentRef]);
32392
- var containerProps = __assign$1(__assign$1({}, rest), callbacks);
32289
+ var containerProps = __assign(__assign({}, rest), callbacks);
32393
32290
  return (React.createElement(React.Fragment, null,
32394
32291
  enabled && (React.createElement(SideCar, { sideCar: effectCar, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref })),
32395
- forwardProps ? (React.cloneElement(React.Children.only(children), __assign$1(__assign$1({}, containerProps), { ref: containerRef }))) : (React.createElement(Container, __assign$1({}, containerProps, { className: className, ref: containerRef }), children))));
32292
+ forwardProps ? (React.cloneElement(React.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef }))) : (React.createElement(Container, __assign({}, containerProps, { className: className, ref: containerRef }), children))));
32396
32293
  });
32397
32294
  RemoveScroll.defaultProps = {
32398
32295
  enabled: true,
@@ -32810,7 +32707,7 @@ function RemoveScrollSideCar(props) {
32810
32707
 
32811
32708
  var SideCar = exportSidecar(effectCar, RemoveScrollSideCar);
32812
32709
 
32813
- var ReactRemoveScroll = React.forwardRef(function (props, ref) { return (React.createElement(RemoveScroll, __assign$1({}, props, { ref: ref, sideCar: SideCar }))); });
32710
+ var ReactRemoveScroll = React.forwardRef(function (props, ref) { return (React.createElement(RemoveScroll, __assign({}, props, { ref: ref, sideCar: SideCar }))); });
32814
32711
  ReactRemoveScroll.classNames = RemoveScroll.classNames;
32815
32712
  var C$1 = ReactRemoveScroll;
32816
32713
 
@@ -32827,7 +32724,7 @@ var Dropdown = function (_a) {
32827
32724
  var _a;
32828
32725
  switch (o.type) {
32829
32726
  case 'checkbox':
32830
- return (React__default.createElement(CheckboxItem, __assign$3({ key: o.id, className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); }, checked: o.checked, disabled: o.disabled }, itemProps),
32727
+ return (React__default.createElement(CheckboxItem, __assign({ key: o.id, className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); }, checked: o.checked, disabled: o.disabled }, itemProps),
32831
32728
  React__default.createElement(ItemIndicator, { style: {
32832
32729
  position: 'absolute',
32833
32730
  display: 'inline-flex',
@@ -32836,7 +32733,7 @@ var Dropdown = function (_a) {
32836
32733
  React__default.createElement(CheckCircle$1, null)),
32837
32734
  o.label));
32838
32735
  case 'radio':
32839
- return (React__default.createElement(RadioItem, __assign$3({ key: o.id, className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); }, textValue: o.label, value: o.id, disabled: o.disabled }, itemProps),
32736
+ return (React__default.createElement(RadioItem, __assign({ key: o.id, className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); }, textValue: o.label, value: o.id, disabled: o.disabled }, itemProps),
32840
32737
  React__default.createElement(ItemIndicator, { style: {
32841
32738
  position: 'absolute',
32842
32739
  display: 'inline-flex',
@@ -32848,14 +32745,14 @@ var Dropdown = function (_a) {
32848
32745
  return (React__default.createElement(Label$1, { key: o.id }, o.label));
32849
32746
  case 'link':
32850
32747
  return (React__default.createElement("a", { href: (_a = o.to) !== null && _a !== void 0 ? _a : '/', key: o.id, style: { color: 'unset' } },
32851
- React__default.createElement(Item, __assign$3({ className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); } }, itemProps), o.label)));
32748
+ React__default.createElement(Item, __assign({ className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); } }, itemProps), o.label)));
32852
32749
  default:
32853
- return (React__default.createElement(Item, __assign$3({ key: o.id, className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); } }, itemProps), o.label));
32750
+ return (React__default.createElement(Item, __assign({ key: o.id, className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); } }, itemProps), o.label));
32854
32751
  }
32855
32752
  }, [itemProps]);
32856
32753
  return (React__default.createElement(Root, { open: open && !disabled },
32857
32754
  React__default.createElement(Trigger, { asChild: true, disabled: disabled }, trigger),
32858
- React__default.createElement(Content, __assign$3({ className: "poll-select-content" }, contentProps),
32755
+ React__default.createElement(Content, __assign({ className: "poll-select-content" }, contentProps),
32859
32756
  optionGroups.map(function (group, i, a) { return (React__default.createElement(ConditionalWrapper, { condition: typeof group.type !== 'undefined', wrapper: function (children) { return (group.type === 'radio'
32860
32757
  ? React__default.createElement(RadioGroup, { value: group.value }, children)
32861
32758
  : React__default.createElement(Group, null, children)); }, key: "".concat(group.type, "-").concat(i) },
@@ -33111,7 +33008,7 @@ function toFilePromises(item) {
33111
33008
  return fromDataTransferItem(item);
33112
33009
  }
33113
33010
  function flatten(items) {
33114
- return items.reduce(function (acc, files) { return __spreadArray$1(__spreadArray$1([], __read(acc), false), __read((Array.isArray(files) ? flatten(files) : [files])), false); }, []);
33011
+ return items.reduce(function (acc, files) { return __spreadArray(__spreadArray([], __read(acc), false), __read((Array.isArray(files) ? flatten(files) : [files])), false); }, []);
33115
33012
  }
33116
33013
  function fromDataTransferItem(item) {
33117
33014
  var file = item.getAsFile();
@@ -34511,7 +34408,7 @@ var FileInput = function (_a) {
34511
34408
  var file = acceptedFiles[0];
34512
34409
  return file.name;
34513
34410
  }, [acceptedFiles]);
34514
- return (React__default.createElement("div", __assign$3({}, getRootProps({ className: disabled ? 'poll-drop-zone-disabled' : 'poll-drop-zone' })),
34411
+ return (React__default.createElement("div", __assign({}, getRootProps({ className: disabled ? 'poll-drop-zone-disabled' : 'poll-drop-zone' })),
34515
34412
  React__default.createElement("div", { style: {
34516
34413
  display: 'flex',
34517
34414
  gap: 16,
@@ -34553,7 +34450,7 @@ var FileInput = function (_a) {
34553
34450
  maxWidth: 140,
34554
34451
  cursor: disabled ? 'default' : 'pointer'
34555
34452
  }, className: "poll-file-input-button ".concat(disabled && 'poll-file-input-button-disabled') }, "Browse"),
34556
- React__default.createElement("input", __assign$3({ type: "file", multiple: false }, inputProps, getInputProps()))));
34453
+ React__default.createElement("input", __assign({ type: "file", multiple: false }, inputProps, getInputProps()))));
34557
34454
  };
34558
34455
 
34559
34456
  var InputDescription = function (_a) {
@@ -35686,7 +35583,7 @@ var Label = function (_a) {
35686
35583
  justifyContent: 'flex-start',
35687
35584
  width: '100%',
35688
35585
  } },
35689
- React__default.createElement("label", { htmlFor: name !== null && name !== void 0 ? name : (typeof label === 'string' ? slugify(label, { lower: true }) : 'undefined'), style: __assign$3({ background: 'var(--background)', borderRadius: 4, width: 'fit-content', zIndex: 100, fontSize: '0.8rem', color: disabled ? 'var(--slate11)' : 'var(--primary)', fill: disabled ? 'var(--slate11)' : 'var(--primary)', padding: '0px 4px', marginBottom: 0, backgroundColor: 'inherit' }, style) }, label)),
35586
+ React__default.createElement("label", { htmlFor: name !== null && name !== void 0 ? name : (typeof label === 'string' ? slugify(label, { lower: true }) : 'undefined'), style: __assign({ background: 'var(--background)', borderRadius: 4, width: 'fit-content', zIndex: 100, fontSize: '0.8rem', color: disabled ? 'var(--slate11)' : 'var(--primary)', fill: disabled ? 'var(--slate11)' : 'var(--primary)', padding: '0px 4px', marginBottom: 0, backgroundColor: 'inherit' }, style) }, label)),
35690
35587
  children));
35691
35588
  };
35692
35589
 
@@ -35715,7 +35612,7 @@ styleInject(css_248z$5);
35715
35612
 
35716
35613
  var NumberInput = function (_a) {
35717
35614
  var _b = _a.inputProps, inputProps = _b === void 0 ? { defaultValue: 0 } : _b, _c = _a.icon, icon = _c === void 0 ? React__default.createElement(Hash$1, null) : _c, style = _a.style, reset = _a.reset;
35718
- return (React__default.createElement("div", { style: __assign$3(__assign$3({ width: '100%' }, style), { position: 'relative' }), className: "".concat(inputProps.disabled && 'number-input-disabled', " number-input") },
35615
+ return (React__default.createElement("div", { style: __assign(__assign({ width: '100%' }, style), { position: 'relative' }), className: "".concat(inputProps.disabled && 'number-input-disabled', " number-input") },
35719
35616
  icon
35720
35617
  && (React__default.createElement("i", { style: {
35721
35618
  position: 'absolute',
@@ -35728,7 +35625,7 @@ var NumberInput = function (_a) {
35728
35625
  zIndex: 20,
35729
35626
  fill: inputProps.disabled ? 'var(--slate11)' : 'var(--primary)'
35730
35627
  } }, icon)),
35731
- React__default.createElement("input", __assign$3({ style: {
35628
+ React__default.createElement("input", __assign({ style: {
35732
35629
  paddingLeft: 35,
35733
35630
  borderRadius: 4,
35734
35631
  flex: 12,
@@ -35753,7 +35650,7 @@ var SettingsButton = function (_a) {
35753
35650
  label),
35754
35651
  options && options.length
35755
35652
  && React__default.createElement(React__default.Fragment, null, asButtons ?
35756
- React__default.createElement(React__default.Fragment, null, options.reduce(function (p, c) { return __spreadArray$1(__spreadArray$1([], p, true), c.options, true); }, []).map(function (o) {
35653
+ React__default.createElement(React__default.Fragment, null, options.reduce(function (p, c) { return __spreadArray(__spreadArray([], p, true), c.options, true); }, []).map(function (o) {
35757
35654
  var _a;
35758
35655
  return React__default.createElement("button", { type: 'button', key: o.id, style: {
35759
35656
  boxShadow: !disabled && o.checked ? 'inset 0px 0px 9px 4px #096dd9' : undefined
@@ -35773,7 +35670,7 @@ styleInject(css_248z$4);
35773
35670
 
35774
35671
  var TextInput = function (_a) {
35775
35672
  var _b = _a.inputProps, inputProps = _b === void 0 ? { placeholder: 'Input some text...' } : _b, _c = _a.icon, icon = _c === void 0 ? React__default.createElement(CursorText$1, null) : _c, style = _a.style, reset = _a.reset;
35776
- return (React__default.createElement("div", { style: __assign$3(__assign$3({ width: '100%' }, style), { position: 'relative' }), className: "text-input" },
35673
+ return (React__default.createElement("div", { style: __assign(__assign({ width: '100%' }, style), { position: 'relative' }), className: "text-input" },
35777
35674
  icon && (React__default.createElement("i", { style: {
35778
35675
  position: 'absolute',
35779
35676
  height: '100%',
@@ -35785,7 +35682,7 @@ var TextInput = function (_a) {
35785
35682
  zIndex: 20,
35786
35683
  fill: inputProps.disabled ? 'var(--slate11)' : 'var(--primary)'
35787
35684
  } }, icon)),
35788
- React__default.createElement("input", __assign$3({ style: {
35685
+ React__default.createElement("input", __assign({ style: {
35789
35686
  paddingLeft: 34,
35790
35687
  borderRadius: 4,
35791
35688
  flex: 12,
@@ -36618,7 +36515,7 @@ var SelectProject = function (_a) {
36618
36515
  comboBoxRef.current.selectItem(null);
36619
36516
  }
36620
36517
  setProjects([]);
36621
- setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { owner: [projectOwner], page: 1 })); });
36518
+ setQueryConfig(function (q) { return (__assign(__assign({}, q), { owner: [projectOwner], page: 1 })); });
36622
36519
  }, [projectOwner]);
36623
36520
  var fetchProjects = useCallback(function (queryConfig) {
36624
36521
  if (!authUser)
@@ -36632,7 +36529,7 @@ var SelectProject = function (_a) {
36632
36529
  client.projects.listProjects(queryConfig)
36633
36530
  .then(function (_a) {
36634
36531
  var data = _a.data;
36635
- setProjects(function (state) { return state ? __spreadArray$1(__spreadArray$1([], state, true), data.resources, true) : __spreadArray$1([], data.resources, true); });
36532
+ setProjects(function (state) { return state ? __spreadArray(__spreadArray([], state, true), data.resources, true) : __spreadArray([], data.resources, true); });
36636
36533
  setTotal(data.total_count);
36637
36534
  totalRunsRef.current.loaded += data.resources.length;
36638
36535
  totalRunsRef.current.total = data.total_count;
@@ -36649,7 +36546,7 @@ var SelectProject = function (_a) {
36649
36546
  var _a = totalRunsRef.current, total = _a.total, loaded = _a.loaded;
36650
36547
  if (total && loaded >= total)
36651
36548
  return;
36652
- setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { page: q.page ? q.page + 1 : 1 })); });
36549
+ setQueryConfig(function (q) { return (__assign(__assign({}, q), { page: q.page ? q.page + 1 : 1 })); });
36653
36550
  }, []);
36654
36551
  return (React__default.createElement(ComboBox, { ref: comboBoxRef, items: projects !== null && projects !== void 0 ? projects : [], setSelected: setSelProject, inputProps: {
36655
36552
  placeholder: 'Select a project...',
@@ -36688,7 +36585,7 @@ var SelectAccount = function (_a) {
36688
36585
  comboBoxRef.current.selectItem(null);
36689
36586
  }
36690
36587
  setAccounts(authUser ? [authUser] : []);
36691
- setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { member: authUser ? [authUser === null || authUser === void 0 ? void 0 : authUser.username] : undefined, page: 1 })); });
36588
+ setQueryConfig(function (q) { return (__assign(__assign({}, q), { member: authUser ? [authUser === null || authUser === void 0 ? void 0 : authUser.username] : undefined, page: 1 })); });
36692
36589
  }, [authUser]);
36693
36590
  var fetchOrganizations = useCallback(function (queryConfig) {
36694
36591
  if (!authUser)
@@ -36700,10 +36597,10 @@ var SelectAccount = function (_a) {
36700
36597
  if (total && loaded >= total)
36701
36598
  return;
36702
36599
  setLoading(true);
36703
- client.orgs.listOrgs(__assign$3(__assign$3({}, queryConfig), { member: [authUser.username] }))
36600
+ client.orgs.listOrgs(__assign(__assign({}, queryConfig), { member: [authUser.username] }))
36704
36601
  .then(function (_a) {
36705
36602
  var data = _a.data;
36706
- setAccounts(function (state) { return state ? __spreadArray$1(__spreadArray$1([], state, true), data.resources, true) : __spreadArray$1([], data.resources, true); });
36603
+ setAccounts(function (state) { return state ? __spreadArray(__spreadArray([], state, true), data.resources, true) : __spreadArray([], data.resources, true); });
36707
36604
  setTotal(data.total_count);
36708
36605
  totalRunsRef.current.loaded += data.resources.length;
36709
36606
  totalRunsRef.current.total = data.total_count;
@@ -36720,13 +36617,13 @@ var SelectAccount = function (_a) {
36720
36617
  var _a = totalRunsRef.current, total = _a.total, loaded = _a.loaded;
36721
36618
  if (total && loaded >= total)
36722
36619
  return;
36723
- setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { page: q.page ? q.page + 1 : 1 })); });
36620
+ setQueryConfig(function (q) { return (__assign(__assign({}, q), { page: q.page ? q.page + 1 : 1 })); });
36724
36621
  }, []);
36725
36622
  return (React__default.createElement(ComboBox, { ref: comboBoxRef,
36726
36623
  // @ts-ignore
36727
36624
  items: accounts ? accounts.map(function (a) {
36728
36625
  // @ts-ignore
36729
- return a.name ? a : (__assign$3(__assign$3({}, a), { name: a.account_name }));
36626
+ return a.name ? a : (__assign(__assign({}, a), { name: a.account_name }));
36730
36627
  }) : [], renderItem: function (item) {
36731
36628
  var _a;
36732
36629
  return (React__default.createElement("div", { style: {
@@ -36780,7 +36677,7 @@ var SelectRecipe = function (_a) {
36780
36677
  comboBoxRef.current.selectItem(null);
36781
36678
  }
36782
36679
  setRecipes([]);
36783
- setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { owner: projectOwner, name: projectName, page: 1 })); });
36680
+ setQueryConfig(function (q) { return (__assign(__assign({}, q), { owner: projectOwner, name: projectName, page: 1 })); });
36784
36681
  }, [projectOwner, projectName]);
36785
36682
  var fetchRecipes = useCallback(function (queryConfig) {
36786
36683
  if (!authUser)
@@ -36795,7 +36692,7 @@ var SelectRecipe = function (_a) {
36795
36692
  client.projects.getProjectRecipes(queryConfig)
36796
36693
  .then(function (_a) {
36797
36694
  var data = _a.data;
36798
- setRecipes(function (state) { return state ? __spreadArray$1(__spreadArray$1([], state, true), data.resources, true) : __spreadArray$1([], data.resources, true); });
36695
+ setRecipes(function (state) { return state ? __spreadArray(__spreadArray([], state, true), data.resources, true) : __spreadArray([], data.resources, true); });
36799
36696
  setTotal(data.total_count);
36800
36697
  totalRecipesRef.current.loaded += data.resources.length;
36801
36698
  totalRecipesRef.current.total = data.total_count;
@@ -36811,9 +36708,9 @@ var SelectRecipe = function (_a) {
36811
36708
  var _a = totalRecipesRef.current, total = _a.total, loaded = _a.loaded;
36812
36709
  if (total && loaded >= total)
36813
36710
  return;
36814
- setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { page: q.page ? q.page + 1 : 1 })); });
36711
+ setQueryConfig(function (q) { return (__assign(__assign({}, q), { page: q.page ? q.page + 1 : 1 })); });
36815
36712
  }, []);
36816
- return (React__default.createElement(ComboBox, { ref: comboBoxRef, items: (_b = recipes === null || recipes === void 0 ? void 0 : recipes.map(function (r, i) { return (__assign$3(__assign$3({}, r), { name: "".concat(r.metadata.name, "-").concat(r.metadata.tag), id: "".concat(r.metadata.name, "-").concat(r.metadata.tag) })); })) !== null && _b !== void 0 ? _b : [], renderItem: function (item) { return (React__default.createElement("div", { style: {
36713
+ return (React__default.createElement(ComboBox, { ref: comboBoxRef, items: (_b = recipes === null || recipes === void 0 ? void 0 : recipes.map(function (r, i) { return (__assign(__assign({}, r), { name: "".concat(r.metadata.name, "-").concat(r.metadata.tag), id: "".concat(r.metadata.name, "-").concat(r.metadata.tag) })); })) !== null && _b !== void 0 ? _b : [], renderItem: function (item) { return (React__default.createElement("div", { style: {
36817
36714
  display: 'flex',
36818
36715
  alignItems: 'center',
36819
36716
  gap: 8,
@@ -39385,17 +39282,14 @@ const $409067139f391064$export$be92b6f5f03c0fe9 = $409067139f391064$export$6eb0f
39385
39282
  const $409067139f391064$export$41fb9f06171c75f4 = $409067139f391064$export$c135dce7b15bbbdc;
39386
39283
  const $409067139f391064$export$7c6e2c02157bb7d2 = $409067139f391064$export$aadde00976f34151;
39387
39284
 
39388
- var css_248z$2 = "@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}";
39285
+ var css_248z$2 = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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.poll-button {\n z-index: 10;\n display: flex;\n justify-content: center;\n background-color: var(--primary);\n border: 1px solid var(--primary);\n color: white;\n padding: 8px 16px;\n float: left;\n align-items: center;\n gap: 8px;\n border-radius: 4px;\n transition: background-color 0.25s, border-color 0.25s, color 0.25s, box-shadow 0.25s, color 0.25s;\n text-overflow: ellipsis;\n max-width: 200px;\n overflow: hidden;\n white-space: nowrap;\n cursor: pointer;\n}\n\n.poll-button:active {\n box-shadow: inset 0px 0px 9px 4px #096dd9;\n}\n\n.poll-button:disabled {\n background-color: var(--slate3);\n color: var(--slate11);\n cursor: default;\n border-color: var(--slate11);\n cursor: default;\n box-shadow: none;\n}";
39389
39286
  styleInject(css_248z$2);
39390
39287
 
39391
- var css_248z$1 = ":root {\n --background: #FFFAEE;\n --primary: #1890ff;\n --primary2: #40a9ff;\n --primary1: #cceefe;\n --primary0: #e6f7ff;\n --secondary: #fff566;\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.poll-button {\n z-index: 10;\n display: flex;\n justify-content: center;\n background-color: var(--primary);\n border: 1px solid var(--primary);\n color: white;\n padding: 8px 16px;\n float: left;\n align-items: center;\n gap: 8px;\n border-radius: 4px;\n transition: background-color 0.25s, border-color 0.25s, color 0.25s, box-shadow 0.25s, color 0.25s;\n text-overflow: ellipsis;\n max-width: 200px;\n overflow: hidden;\n white-space: nowrap;\n cursor: pointer;\n}\n\n.poll-button:active {\n box-shadow: inset 0px 0px 9px 4px #096dd9;\n}\n\n.poll-button:disabled {\n background-color: var(--slate3);\n color: var(--slate11);\n cursor: default;\n border-color: var(--slate11);\n cursor: default;\n box-shadow: none;\n}";
39392
- styleInject(css_248z$1);
39393
-
39394
39288
  var ICON_SIZE = 18;
39395
39289
  var Button = function (_a) {
39396
- var children = _a.children, loading = _a.loading, props = __rest$2(_a, ["children", "loading"]);
39397
- return (React__default.createElement("button", __assign$3({ "data-testid": "Button", className: "poll-button" }, props),
39398
- loading && !props.disabled && React__default.createElement(ArrowClockwise$1, { className: "spin", size: ICON_SIZE, style: { fill: 'white' } }),
39290
+ var children = _a.children, loading = _a.loading, props = __rest(_a, ["children", "loading"]);
39291
+ return (React__default.createElement("button", __assign({ "data-testid": "Button", className: "poll-button" }, props),
39292
+ loading && React__default.createElement(ArrowClockwise$1, { className: "spin", size: ICON_SIZE, style: { fill: props.disabled ? 'var(--slate10)' : 'white' } }),
39399
39293
  children));
39400
39294
  };
39401
39295
 
@@ -39519,7 +39413,7 @@ var GetModel = function (_a) {
39519
39413
  }] : undefined, asButtons: true, label: buttonLabel, helpText: showHelpText && "Get ".concat(selection ? 'selected ' : '', " model").concat(subscribe ? ' continuously' : '', "."), icon: hbjson ? React__default.createElement(CheckCircle$1, null) : undefined })));
39520
39414
  };
39521
39415
 
39522
- var getFileIcon$1 = function (type) {
39416
+ var getFileIcon$1 = function (type, disabled) {
39523
39417
  var size = 12;
39524
39418
  switch (type === null || type === void 0 ? void 0 : type.toLowerCase()) {
39525
39419
  case 'txt':
@@ -39551,23 +39445,23 @@ var getFileIcon$1 = function (type) {
39551
39445
  case 'cda':
39552
39446
  case 'udi':
39553
39447
  case 'res':
39554
- return React__default.createElement(FileEarmarkBarGraph$1, { size: size, style: { fill: '#A61E4E' } });
39448
+ return React__default.createElement(FileEarmarkBarGraph$1, { size: size, style: { fill: disabled ? 'inherit' : '#A61E4E' } });
39555
39449
  case 'csv':
39556
- return React__default.createElement(FiletypeCsv$1, { size: size, style: { fill: '#2B8A3E' } });
39450
+ return React__default.createElement(FiletypeCsv$1, { size: size, style: { fill: disabled ? 'inherit' : '#2B8A3E' } });
39557
39451
  case 'json':
39558
39452
  case 'osw':
39559
- return React__default.createElement(FiletypeJson$1, { size: size, style: { fill: '#1D64AB' } });
39453
+ return React__default.createElement(FiletypeJson$1, { size: size, style: { fill: disabled ? 'inherit' : '#1D64AB' } });
39560
39454
  case 'hbjson':
39561
- return React__default.createElement(Building$1, { size: size, style: { fill: '#F5B34C' } });
39455
+ return React__default.createElement(Building$1, { size: size, style: { fill: disabled ? 'inherit' : '#F5B34C' } });
39562
39456
  case '3dm':
39563
39457
  case 'vtkjs':
39564
39458
  case 'vtp':
39565
- return React__default.createElement(Building$1, { size: size, style: { fill: '#F08C00' } });
39459
+ return React__default.createElement(Building$1, { size: size, style: { fill: disabled ? 'inherit' : '#F08C00' } });
39566
39460
  case 'jpg':
39567
39461
  case 'png':
39568
39462
  case 'svg':
39569
39463
  case 'hdr':
39570
- return React__default.createElement(FileEarmarkImage$1, { size: size, style: { fill: '#862E9C' } });
39464
+ return React__default.createElement(FileEarmarkImage$1, { size: size, style: { fill: disabled ? 'inherit' : '#862E9C' } });
39571
39465
  case 'zip':
39572
39466
  return React__default.createElement(FileZip$1, { size: size });
39573
39467
  default:
@@ -39577,33 +39471,34 @@ var getFileIcon$1 = function (type) {
39577
39471
 
39578
39472
  var SelectCloudArtifacts = function (_a) {
39579
39473
  var _b, _c;
39580
- var projectOwner = _a.projectOwner, projectName = _a.projectName, fileNameMatch = _a.fileNameMatch, onChange = _a.onChange, client = _a.client;
39474
+ var projectOwner = _a.projectOwner, projectName = _a.projectName, _d = _a.fileNameMatch, fileNameMatch = _d === void 0 ? '.*' : _d, onChange = _a.onChange, client = _a.client;
39581
39475
  var host = getHost();
39582
39476
  var listArtifacts = useArtifacts(projectOwner, projectName, client).listArtifacts;
39583
- var _d = useState(false), loading = _d[0], setLoading = _d[1];
39584
- var _e = useState({ folders: [], files: [] }), artifacts = _e[0], setArtifacts = _e[1];
39585
- var _f = useState([]), path = _f[0], setPath = _f[1];
39586
- var _g = useState(), selArtifact = _g[0], setSelArtifact = _g[1];
39477
+ var _e = useState(false), loading = _e[0], setLoading = _e[1];
39478
+ var _f = useState({ folders: [], files: [] }), artifacts = _f[0], setArtifacts = _f[1];
39479
+ var _g = useState([]), path = _g[0], setPath = _g[1];
39480
+ var _h = useState(), selArtifact = _h[0], setSelArtifact = _h[1];
39587
39481
  useEffect(function () {
39588
39482
  setLoading(true);
39589
39483
  listArtifacts(path)
39590
39484
  .then(function (facts) {
39591
39485
  var folders = facts.filter(function (f) { return f.file_type === 'folder'; });
39592
- var files = facts.filter(function (f) { return f.file_type === 'file' && (f.file_name.match(fileNameMatch) || !fileNameMatch); });
39486
+ var files = facts.filter(function (f) { return f.file_type === 'file'; });
39487
+ // const files = facts.filter(f => f.file_type === 'file' && f.file_name.match(fileNameMatch))
39593
39488
  setArtifacts({ folders: folders, files: files });
39594
39489
  })
39595
39490
  .finally(function () { return setLoading(false); });
39596
39491
  }, [client, fileNameMatch, host, listArtifacts, path]);
39597
39492
  useEffect(function () {
39598
- if (!selArtifact)
39493
+ if (!selArtifact || selArtifact.file_type !== 'folder')
39599
39494
  return;
39600
- if (selArtifact.file_type === 'file') {
39601
- onChange && onChange(selArtifact);
39602
- }
39603
- else {
39604
- setPath(function (path) { return ["".concat(path, "/").concat(selArtifact.file_name)]; });
39605
- }
39495
+ setPath(function (path) { return ["".concat(path, "/").concat(selArtifact.file_name)]; });
39606
39496
  }, [onChange, selArtifact]);
39497
+ useEffect(function () {
39498
+ if (!selArtifact || selArtifact.file_type !== 'file')
39499
+ return;
39500
+ onChange && onChange(__assign(__assign({}, selArtifact), { pollination_cloud_path: "".concat(path, "/").concat(selArtifact.file_name) }));
39501
+ }, [onChange, path, selArtifact]);
39607
39502
  var stateReducer = useCallback(function (state, actionAndChanges) {
39608
39503
  var type = actionAndChanges.type, changes = actionAndChanges.changes;
39609
39504
  switch (type) {
@@ -39611,7 +39506,7 @@ var SelectCloudArtifacts = function (_a) {
39611
39506
  case useCombobox.stateChangeTypes.InputBlur:
39612
39507
  // @ts-ignore
39613
39508
  if (changes.selectedItem && changes.selectedItem.file_type === 'folder') {
39614
- return __assign$3(__assign$3({}, changes), { isOpen: true });
39509
+ return __assign(__assign({}, changes), { isOpen: true });
39615
39510
  }
39616
39511
  else
39617
39512
  return changes;
@@ -39619,10 +39514,21 @@ var SelectCloudArtifacts = function (_a) {
39619
39514
  return changes;
39620
39515
  }
39621
39516
  }, []);
39622
- return (React__default.createElement(ComboBox, { items: __spreadArray$1(__spreadArray$1([], artifacts.folders, true), artifacts.files, true).map(function (a) { return (__assign$3(__assign$3({}, a), { name: a.file_name, id: a.key })); }).sort(function (a, b) { return a.file_type === 'folder' ? -1 : 1; }), renderItem: function (item) {
39517
+ var fileMatchRegex = useMemo(function () {
39518
+ return new RegExp(fileNameMatch);
39519
+ }, [fileNameMatch]);
39520
+ var items = useMemo(function () {
39521
+ return __spreadArray(__spreadArray([], artifacts.folders, true), artifacts.files, true).map(function (a) {
39522
+ var match = a.file_name.match(fileMatchRegex);
39523
+ var disabled = match && match.length > 1 ? false : true;
39524
+ return (__assign(__assign({}, a), { name: a.file_name, id: a.key, disabled: disabled }));
39525
+ })
39526
+ .sort(function (a, b) { return a.file_type === 'folder' ? -1 : 1; });
39527
+ }, [artifacts.files, artifacts.folders, fileMatchRegex]);
39528
+ return (React__default.createElement(ComboBox, { items: items, renderItem: function (item) {
39623
39529
  var tokens = item.file_name.split('.');
39624
39530
  var extension = tokens[tokens.length - 1];
39625
- var icon = item.file_type === 'file' ? getFileIcon$1(extension) : React__default.createElement(FolderFill$1, null);
39531
+ var icon = item.file_type === 'file' ? getFileIcon$1(extension, item.disabled) : React__default.createElement(FolderFill$1, null);
39626
39532
  return (React__default.createElement("div", { style: {
39627
39533
  display: 'flex',
39628
39534
  gap: 12,
@@ -39849,7 +39755,7 @@ var SelectLocalArtifacts = function (_a) {
39849
39755
  case useCombobox.stateChangeTypes.InputBlur:
39850
39756
  // @ts-ignore
39851
39757
  if (changes.selectedItem && changes.selectedItem.kind === 'directory') {
39852
- return __assign$3(__assign$3({}, changes), { isOpen: true });
39758
+ return __assign(__assign({}, changes), { isOpen: true });
39853
39759
  }
39854
39760
  else
39855
39761
  return changes;
@@ -39861,7 +39767,7 @@ var SelectLocalArtifacts = function (_a) {
39861
39767
  // @ts-ignore
39862
39768
  , {
39863
39769
  // @ts-ignore
39864
- items: __spreadArray$1(__spreadArray$1([], artifacts.folders, true), artifacts.files, true).filter(function (a) { return !a.name.startsWith('.'); }).map(function (a) {
39770
+ items: __spreadArray(__spreadArray([], artifacts.folders, true), artifacts.files, true).filter(function (a) { return !a.name.startsWith('.'); }).map(function (a) {
39865
39771
  // @ts-ignore
39866
39772
  a.id = a.name;
39867
39773
  return a;
@@ -39889,7 +39795,7 @@ var SelectLocalArtifacts = function (_a) {
39889
39795
  })
39890
39796
  .then(function (ref) {
39891
39797
  directoryRef.current.push(ref);
39892
- setPath(function (path) { return __spreadArray$1(__spreadArray$1([], path, true), ["/".concat(ref.name)], false); });
39798
+ setPath(function (path) { return __spreadArray(__spreadArray([], path, true), ["/".concat(ref.name)], false); });
39893
39799
  });
39894
39800
  }
39895
39801
  return [2 /*return*/];
@@ -40007,7 +39913,7 @@ var ComboFileSelector = function (_a) {
40007
39913
  case 'get_model':
40008
39914
  return (React__default.createElement(GetModel, { onChange: onChange, inputProps: inputProps, showHelpText: false }));
40009
39915
  case 'get_cloud':
40010
- return (React__default.createElement(SelectCloudArtifacts, { onChange: onChange, projectName: projectName, projectOwner: projectOwner, client: client }));
39916
+ return (React__default.createElement(SelectCloudArtifacts, { onChange: onChange, projectName: projectName, projectOwner: projectOwner, client: client, fileNameMatch: typeof inputProps.accept === 'string' ? ".*(".concat(inputProps.accept.replace(/\./g, '').split(', ').join('$|'), "$)") : undefined }));
40011
39917
  case 'get_local':
40012
39918
  return (React__default.createElement(SelectLocalArtifacts, { onChange: onChange }));
40013
39919
  default:
@@ -40018,8 +39924,11 @@ var ComboFileSelector = function (_a) {
40018
39924
  })()));
40019
39925
  };
40020
39926
 
39927
+ var css_248z$1 = "@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}";
39928
+ styleInject(css_248z$1);
39929
+
40021
39930
  var generateSchema = function (inputs) {
40022
- var required = inputs.reduce(function (p, c) { return c.required ? __spreadArray$1(__spreadArray$1([], p, true), [c.name], false) : p; }, []);
39931
+ var required = inputs.reduce(function (p, c) { return c.required ? __spreadArray(__spreadArray([], p, true), [c.name], false) : p; }, []);
40023
39932
  var properties = inputs.reduce(function (p, c) {
40024
39933
  var _a, _b, _c;
40025
39934
  if (!c.required && !c.spec) {
@@ -40027,16 +39936,18 @@ var generateSchema = function (inputs) {
40027
39936
  }
40028
39937
  else if (c.required && !c.spec && c.type === 'DAGFileInput') {
40029
39938
  // required field with no schema
40030
- return (__assign$3(__assign$3({}, p), (_a = {}, _a[c.name] = {
39939
+ return (__assign(__assign({}, p), (_a = {}, _a[c.name] = {
40031
39940
  'type': 'object',
40032
39941
  }, _a)));
40033
39942
  }
40034
39943
  else if (c.required && !c.spec) {
40035
39944
  // required field with no schema
40036
- return (__assign$3(__assign$3({}, p), (_b = {}, _b[c.name] = {}, _b)));
39945
+ return (__assign(__assign({}, p), (_b = {}, _b[c.name] = {}, _b)));
40037
39946
  }
40038
- return (__assign$3(__assign$3({}, p), (_c = {}, _c[c.name] = c.spec, _c)));
39947
+ return (__assign(__assign({}, p), (_c = {}, _c[c.name] = c.spec, _c)));
40039
39948
  }, {});
39949
+ required.push('study-name');
39950
+ properties['study-name'] = { 'type': 'string', minLength: 1 };
40040
39951
  return ({
40041
39952
  type: 'object',
40042
39953
  properties: properties,
@@ -40045,43 +39956,38 @@ var generateSchema = function (inputs) {
40045
39956
  });
40046
39957
  };
40047
39958
  var RecipeInputsForm = function (_a) {
40048
- var _b;
40049
- var recipe = _a.recipe, onSubmit = _a.onSubmit, disabled = _a.disabled, projectName = _a.projectName, projectOwner = _a.projectOwner; _a.mode; var client = _a.client;
40050
- var _d = useState(false), loading = _d[0], setLoading = _d[1];
39959
+ var _b, _c, _d, _e, _f;
39960
+ var recipe = _a.recipe, onSubmit = _a.onSubmit, projectName = _a.projectName, projectOwner = _a.projectOwner, client = _a.client;
39961
+ var _g = useState(false), loading = _g[0], setLoading = _g[1];
40051
39962
  var schema = generateSchema(recipe.inputs);
40052
- var _e = useForm({
39963
+ var _h = useForm({
40053
39964
  // @ts-ignore
40054
39965
  defaultValues: recipe.inputs.reduce(function (p, c) {
40055
39966
  var _a;
40056
39967
  var _b;
40057
- return (__assign$3(__assign$3({}, p), (_a = {}, _a[c.name] = (_b = c.default) !== null && _b !== void 0 ? _b : undefined, _a)));
39968
+ return (__assign(__assign({}, p), (_a = {}, _a[c.name] = (_b = c.default) !== null && _b !== void 0 ? _b : undefined, _a)));
40058
39969
  }, {}),
40059
39970
  resolver: Oe(schema),
40060
39971
  mode: 'all'
40061
- }), control = _e.control, register = _e.register, handleSubmit = _e.handleSubmit, reset = _e.reset, resetField = _e.resetField; _e.setValue; var _f = _e.formState, errors = _f.errors, isValid = _f.isValid, isSubmitSuccessful = _f.isSubmitSuccessful;
40062
- useEffect(function () {
40063
- if (isSubmitSuccessful) {
40064
- reset();
40065
- }
40066
- }, [isSubmitSuccessful, reset]);
39972
+ }), control = _h.control, register = _h.register, handleSubmit = _h.handleSubmit, resetField = _h.resetField, _j = _h.formState, errors = _j.errors, isValid = _j.isValid; _j.isSubmitting;
40067
39973
  var _onSubmit = function (_data) {
40068
- var data = __assign$3({}, _data);
40069
- // TODO: fix isTouched for controlled fields https://github.com/react-hook-form/react-hook-form/discussions/6824
40070
- // filter for non-default values
39974
+ var data = __assign({}, _data);
39975
+ var studyName = data['study-name'];
39976
+ delete data['study-name'];
40071
39977
  // @ts-ignore
40072
- var inputMap = new Map(recipe.inputs.map(function (i) { return [i.name, i.default]; }));
39978
+ var inputDefaults = new Map(recipe.inputs.map(function (i) { return [i.name, i.default]; }));
40073
39979
  Object.entries(data).forEach(function (_a) {
40074
39980
  var key = _a[0], val = _a[1];
40075
- if (val === inputMap.get(key)) {
39981
+ if (val === inputDefaults.get(key)) {
40076
39982
  delete data[key];
40077
39983
  }
40078
- if (!inputMap.get(key) && !data[key]) {
39984
+ if (!inputDefaults.get(key) && !data[key]) {
40079
39985
  delete data[key];
40080
39986
  }
40081
39987
  });
40082
39988
  if (typeof onSubmit !== 'undefined') {
40083
39989
  setLoading(true);
40084
- var submit = onSubmit(data);
39990
+ var submit = onSubmit(studyName, data);
40085
39991
  if (!submit) {
40086
39992
  setLoading(false);
40087
39993
  return;
@@ -40100,115 +40006,147 @@ var RecipeInputsForm = function (_a) {
40100
40006
  }
40101
40007
  return p;
40102
40008
  }, [[], []]);
40103
- return (React__default.createElement(Tabs, { forceRenderTabPanel: true },
40104
- React__default.createElement(TabList, { style: {
40105
- flex: 1
40106
- } },
40107
- React__default.createElement(Tab, { key: 'required-tab' }, "Required"),
40108
- React__default.createElement(Tab, { key: 'optional-tab' }, "Optional")),
40109
- React__default.createElement("form", { id: recipe.metadata.name, onSubmit: handleSubmit(_onSubmit), style: {
40009
+ return (React__default.createElement(React__default.Fragment, null,
40010
+ React__default.createElement($409067139f391064$export$be92b6f5f03c0fe9, { style: {
40110
40011
  display: 'flex',
40111
40012
  flexDirection: 'column',
40112
- width: '100%',
40113
- justifyContent: 'center'
40114
- } }, groups.map(function (g, i) {
40115
- return React__default.createElement(TabPanel, { key: "".concat(i === 0 ? 'required' : 'optional', "-tab"), style: {
40116
- padding: '8px 8px'
40117
- } },
40118
- React__default.createElement("div", { style: {
40013
+ fontSize: 'inherit',
40014
+ color: 'inherit',
40015
+ gap: 2
40016
+ }, key: 'study-name-collapsible' },
40017
+ React__default.createElement(Label, { label: React__default.createElement("div", { style: {
40119
40018
  display: 'flex',
40120
- flexDirection: 'column',
40121
- gap: 8
40122
- } }, g.map(function (input, i) {
40123
- var _a, _b, _c, _d;
40124
- return (React__default.createElement($409067139f391064$export$be92b6f5f03c0fe9, { style: {
40019
+ fontSize: 'inherit',
40020
+ alignItems: 'center',
40021
+ gap: 8,
40022
+ color: ((_b = errors['study-name']) === null || _b === void 0 ? void 0 : _b.message) ? 'red' : 'inherit',
40023
+ } },
40024
+ 'Study Name',
40025
+ ((_c = errors['study-name']) === null || _c === void 0 ? void 0 : _c.message) &&
40026
+ React__default.createElement(React__default.Fragment, null, ' ' + ((_d = errors['study-name']) === null || _d === void 0 ? void 0 : _d.message) + '.'),
40027
+ React__default.createElement($409067139f391064$export$41fb9f06171c75f4, { style: {
40028
+ backgroundColor: 'rgba(0,0,0,0)',
40029
+ borderRadius: 999,
40030
+ border: 'none',
40031
+ width: 12,
40032
+ height: 12,
40033
+ display: 'flex',
40034
+ justifyContent: 'center',
40035
+ alignItems: 'center',
40036
+ cursor: 'pointer',
40037
+ padding: 0,
40038
+ } },
40039
+ React__default.createElement(InfoCircle$1, { style: { fill: ((_e = errors['study-name']) === null || _e === void 0 ? void 0 : _e.message) ? 'red' : 'var(--primary)' } }))) },
40040
+ React__default.createElement(InputDescription, { helpText: React__default.createElement($409067139f391064$export$7c6e2c02157bb7d2, { className: 'collapse-content' }, 'Study name is a required field.') },
40041
+ React__default.createElement(TextInput, { inputProps: __assign({ form: recipe.metadata.name }, register('study-name')),
40042
+ // @ts-ignore
40043
+ reset: function () { return resetField('study-name'); } })))),
40044
+ React__default.createElement(Tabs, { forceRenderTabPanel: true },
40045
+ React__default.createElement(TabList, { style: {
40046
+ flex: 1
40047
+ } },
40048
+ React__default.createElement(Tab, { key: 'required-tab' }, "Required"),
40049
+ React__default.createElement(Tab, { key: 'optional-tab' }, "Optional")),
40050
+ React__default.createElement("form", { id: recipe.metadata.name, onSubmit: handleSubmit(_onSubmit), style: {
40051
+ display: 'flex',
40052
+ flexDirection: 'column',
40053
+ width: '100%',
40054
+ justifyContent: 'center'
40055
+ } }, groups.map(function (g, i) {
40056
+ return React__default.createElement(TabPanel, { key: "".concat(i === 0 ? 'required' : 'optional', "-tab"), style: {
40057
+ padding: '8px 8px'
40058
+ } },
40059
+ React__default.createElement("div", { style: {
40125
40060
  display: 'flex',
40126
40061
  flexDirection: 'column',
40127
- fontSize: 'inherit',
40128
- color: 'inherit',
40129
- gap: 2
40130
- }, key: input.name },
40131
- React__default.createElement(Label, { label: React__default.createElement("div", { style: {
40132
- display: 'flex',
40133
- fontSize: 'inherit',
40134
- alignItems: 'center',
40135
- gap: 8,
40136
- color: ((_a = errors[input.name]) === null || _a === void 0 ? void 0 : _a.message) ? 'red' : 'inherit',
40137
- } },
40138
- (input.name.charAt(0).toUpperCase() + input.name.slice(1)).split('-').join(' '),
40139
- ((_b = errors[input.name]) === null || _b === void 0 ? void 0 : _b.message) &&
40140
- React__default.createElement(React__default.Fragment, null, ' ' + ((_c = errors[input.name]) === null || _c === void 0 ? void 0 : _c.message) + '.'),
40141
- React__default.createElement($409067139f391064$export$41fb9f06171c75f4, { style: {
40142
- backgroundColor: 'rgba(0,0,0,0)',
40143
- borderRadius: 999,
40144
- border: 'none',
40145
- width: 12,
40146
- height: 12,
40062
+ gap: 8
40063
+ } }, g.map(function (input, i) {
40064
+ var _a, _b, _c, _d;
40065
+ return (
40066
+ // TODO: turn this into an "input with validation" component
40067
+ React__default.createElement($409067139f391064$export$be92b6f5f03c0fe9, { style: {
40068
+ display: 'flex',
40069
+ flexDirection: 'column',
40070
+ fontSize: 'inherit',
40071
+ color: 'inherit',
40072
+ gap: 2
40073
+ }, key: input.name },
40074
+ React__default.createElement(Label, { label: React__default.createElement("div", { style: {
40147
40075
  display: 'flex',
40148
- justifyContent: 'center',
40076
+ fontSize: 'inherit',
40149
40077
  alignItems: 'center',
40150
- cursor: 'pointer',
40151
- padding: 0,
40078
+ gap: 8,
40079
+ color: ((_a = errors[input.name]) === null || _a === void 0 ? void 0 : _a.message) ? 'red' : 'inherit',
40152
40080
  } },
40153
- React__default.createElement(InfoCircle$1, { style: { fill: ((_d = errors[input.name]) === null || _d === void 0 ? void 0 : _d.message) ? 'red' : 'var(--primary)' } }))) },
40154
- React__default.createElement(InputDescription, { helpText: React__default.createElement($409067139f391064$export$7c6e2c02157bb7d2, { className: 'collapse-content' }, input && input.description) }, (function () {
40155
- var _a;
40156
- var inputProps = __assign$3({}, register(input.name, {
40157
- required: input.required ? "Providing a ".concat(input.name, " is required.") : false,
40158
- min: input.spec && input.spec.minimum ? "".concat(input.name, " must be less than ").concat(input.spec.maximum) : undefined,
40159
- max: input.spec && input.spec.maximum ? "".concat(input.name, " must be at least ").concat(input.spec.minimum) : undefined,
40160
- valueAsNumber: input.type === 'DAGNumberInput' || input.type === 'DAGIntegerInput',
40161
- }));
40162
- // @ts-ignore
40163
- var handleReset = function () { return resetField(input.name); };
40164
- switch (input.type) {
40165
- case 'DAGFileInput':
40166
- return React__default.createElement(Controller
40167
- // @ts-ignore
40168
- , {
40169
- // @ts-ignore
40170
- name: input.name, control: control, render: function (_a) {
40171
- var _b = _a.field; _b.value; var onChange = _b.onChange, field = __rest$2(_b, ["value", "onChange"]);
40172
- return (React__default.createElement(ComboFileSelector, { inputProps: __assign$3(__assign$3({}, field), { accept: input.extensions.map(function (e) { return ".".concat(e); }).join(', ') }), onChange: onChange, defaultOption: 'get_local', projectName: projectName, projectOwner: projectOwner, client: client }));
40173
- } });
40174
- case 'DAGStringInput':
40175
- return typeof ((_a = input.spec) === null || _a === void 0 ? void 0 : _a.enum) !== 'undefined' ?
40176
- React__default.createElement(Controller
40081
+ (input.name.charAt(0).toUpperCase() + input.name.slice(1)).split('-').join(' '),
40082
+ ((_b = errors[input.name]) === null || _b === void 0 ? void 0 : _b.message) &&
40083
+ React__default.createElement(React__default.Fragment, null, ' ' + ((_c = errors[input.name]) === null || _c === void 0 ? void 0 : _c.message) + '.'),
40084
+ React__default.createElement($409067139f391064$export$41fb9f06171c75f4, { style: {
40085
+ backgroundColor: 'rgba(0,0,0,0)',
40086
+ borderRadius: 999,
40087
+ border: 'none',
40088
+ width: 12,
40089
+ height: 12,
40090
+ display: 'flex',
40091
+ justifyContent: 'center',
40092
+ alignItems: 'center',
40093
+ cursor: 'pointer',
40094
+ padding: 0,
40095
+ } },
40096
+ React__default.createElement(InfoCircle$1, { style: { fill: ((_d = errors[input.name]) === null || _d === void 0 ? void 0 : _d.message) ? 'red' : 'var(--primary)' } }))) },
40097
+ React__default.createElement(InputDescription, { helpText: React__default.createElement($409067139f391064$export$7c6e2c02157bb7d2, { className: 'collapse-content' }, input && input.description) }, (function () {
40098
+ var _a;
40099
+ var inputProps = __assign({}, register(input.name));
40100
+ // @ts-ignore
40101
+ var handleReset = function () { return resetField(input.name); };
40102
+ switch (input.type) {
40103
+ case 'DAGFileInput':
40104
+ return React__default.createElement(Controller
40177
40105
  // @ts-ignore
40178
40106
  , {
40179
40107
  // @ts-ignore
40180
40108
  name: input.name, control: control, render: function (_a) {
40181
- var onChange = _a.field.onChange;
40182
- return (React__default.createElement(RadioList, { items: input.spec.enum, name: input.name, defaultValue: input.default, onChange: onChange }));
40183
- } }) :
40184
- React__default.createElement(TextInput, { inputProps: __assign$3(__assign$3({}, inputProps), { defaultValue: input.default }), reset: handleReset });
40185
- case 'DAGNumberInput':
40186
- return React__default.createElement(NumberInput, { inputProps: __assign$3(__assign$3({}, inputProps), { defaultValue: input.default, min: input.spec && input.spec.minimum, max: input.spec && input.spec.maximum, step: 0.1 }), reset: handleReset });
40187
- case 'DAGIntegerInput':
40188
- return React__default.createElement(NumberInput, { inputProps: __assign$3(__assign$3({}, inputProps), { defaultValue: input.default, min: input.spec && input.spec.minimum, max: input.spec && input.spec.maximum }), reset: handleReset });
40189
- default:
40190
- return React__default.createElement(TextInput, { inputProps: __assign$3(__assign$3({}, inputProps), { defaultValue: input.default }), reset: handleReset });
40191
- }
40192
- })()))));
40193
- })));
40194
- })),
40195
- React__default.createElement("div", { style: {
40196
- display: 'flex',
40197
- width: '100%',
40198
- padding: '16px 0px 0px 8px'
40199
- } },
40200
- React__default.createElement(InputDescription, { helpText: isValid ? 'Recipe input is valid!' : ((_b = Object.values(errors)) === null || _b === void 0 ? void 0 : _b.length) > 0 ?
40201
- React__default.createElement("div", null,
40202
- React__default.createElement("ul", { style: { padding: 0 } }, Object.entries(errors).map(function (_a) {
40203
- var key = _a[0], val = _a[1];
40204
- return (
40205
- // @ts-ignore
40206
- React__default.createElement("li", { key: key, style: { color: 'red', fontSize: '0.8rem', listStyle: 'none' } }, "".concat(key, " ").concat(val.message, ".")));
40207
- }))) :
40208
- 'Recipe input isn\'t valid yet.' },
40209
- React__default.createElement(Button, { type: 'submit', form: recipe.metadata.name, disabled: !isValid || disabled, style: {
40210
- width: 'fit-content',
40211
- }, loading: loading }, "Create Study")))));
40109
+ var _b = _a.field; _b.value; var onChange = _b.onChange, field = __rest(_b, ["value", "onChange"]);
40110
+ return (React__default.createElement(ComboFileSelector, { inputProps: __assign(__assign({}, field), { accept: input.extensions.map(function (e) { return ".".concat(e); }).join(', ') }), onChange: onChange, defaultOption: getHost() === 'web' ? 'get_cloud' : 'get_file', projectName: projectName, projectOwner: projectOwner, client: client }));
40111
+ } });
40112
+ case 'DAGStringInput':
40113
+ return typeof ((_a = input.spec) === null || _a === void 0 ? void 0 : _a.enum) !== 'undefined' ?
40114
+ React__default.createElement(Controller
40115
+ // @ts-ignore
40116
+ , {
40117
+ // @ts-ignore
40118
+ name: input.name, control: control, render: function (_a) {
40119
+ var onChange = _a.field.onChange;
40120
+ return (React__default.createElement(RadioList, { items: input.spec.enum, name: input.name, defaultValue: input.default, onChange: onChange }));
40121
+ } }) :
40122
+ React__default.createElement(TextInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: input.default }), reset: handleReset });
40123
+ case 'DAGNumberInput':
40124
+ return React__default.createElement(NumberInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: input.default, min: input.spec && input.spec.minimum, max: input.spec && input.spec.maximum, step: 0.1 }), reset: handleReset });
40125
+ case 'DAGIntegerInput':
40126
+ return React__default.createElement(NumberInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: input.default, min: input.spec && input.spec.minimum, max: input.spec && input.spec.maximum }), reset: handleReset });
40127
+ default:
40128
+ return React__default.createElement(TextInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: input.default }), reset: handleReset });
40129
+ }
40130
+ })()))));
40131
+ })));
40132
+ })),
40133
+ React__default.createElement("div", { style: {
40134
+ display: 'flex',
40135
+ width: '100%',
40136
+ padding: '16px 0px 0px 8px'
40137
+ } },
40138
+ React__default.createElement(InputDescription, { helpText: isValid ? 'Recipe input is valid!' : ((_f = Object.values(errors)) === null || _f === void 0 ? void 0 : _f.length) > 0 ?
40139
+ React__default.createElement("div", null,
40140
+ React__default.createElement("ul", { style: { padding: 0 } }, Object.entries(errors).map(function (_a) {
40141
+ var key = _a[0], val = _a[1];
40142
+ return (
40143
+ // @ts-ignore
40144
+ React__default.createElement("li", { key: key, style: { color: 'red', fontSize: '0.8rem', listStyle: 'none' } }, "".concat(key, " ").concat(val.message, ".")));
40145
+ }))) :
40146
+ 'Recipe input isn\'t valid yet.' },
40147
+ React__default.createElement(Button, { type: 'submit', form: recipe.metadata.name, disabled: !isValid || loading, style: {
40148
+ width: 'fit-content',
40149
+ }, loading: loading }, "Create Study"))))));
40212
40150
  };
40213
40151
 
40214
40152
  var css_248z = ".react-tabs {\n -webkit-tap-highlight-color: transparent;\n}\n\n.react-tabs__tab-list {\n border-bottom: 1px solid #aaa;\n margin: 0 0 10px;\n padding: 0;\n}\n\n.react-tabs__tab {\n display: inline-block;\n border: 1px solid transparent;\n border-bottom: none;\n bottom: -1px;\n position: relative;\n list-style: none;\n padding: 6px 12px;\n cursor: pointer;\n}\n\n.react-tabs__tab--selected {\n background: #fff;\n border-color: #aaa;\n color: black;\n border-radius: 5px 5px 0 0;\n}\n\n.react-tabs__tab--disabled {\n color: GrayText;\n cursor: default;\n}\n\n.react-tabs__tab:focus {\n outline: none;\n}\n\n.react-tabs__tab:focus:after {\n content: '';\n position: absolute;\n height: 5px;\n left: -4px;\n right: -4px;\n bottom: -5px;\n background: #fff;\n}\n\n.react-tabs__tab-panel {\n display: none;\n}\n\n.react-tabs__tab-panel--selected {\n display: block;\n}\n";
@@ -40232,13 +40170,13 @@ var CreateStudy = function (_a) {
40232
40170
  var _c = useState(0), activeTabIndex = _c[0], setActiveTabIndex = _c[1];
40233
40171
  var _d = useState(initialState), state = _d[0], setState = _d[1];
40234
40172
  var setSelAccount = useCallback(function (account) {
40235
- setState(function (state) { return (__assign$3(__assign$3({}, state), { account: account, project: undefined })); });
40173
+ setState(function (state) { return (__assign(__assign({}, state), { account: account, project: undefined })); });
40236
40174
  }, []);
40237
40175
  var setSelProject = useCallback(function (project) {
40238
- setState(function (state) { return (__assign$3(__assign$3({}, state), { project: project, recipe: undefined })); });
40176
+ setState(function (state) { return (__assign(__assign({}, state), { project: project, recipe: undefined })); });
40239
40177
  }, []);
40240
40178
  var setSelRecipe = useCallback(function (recipe) {
40241
- setState(function (state) { return (__assign$3(__assign$3({}, state), { recipe: recipe })); });
40179
+ setState(function (state) { return (__assign(__assign({}, state), { recipe: recipe })); });
40242
40180
  }, []);
40243
40181
  // @ts-ignore
40244
40182
  var projectOwner = !state || !state.account ? undefined : ((_b = state.account.username) !== null && _b !== void 0 ? _b : state.account.account_name);
@@ -40249,7 +40187,7 @@ var CreateStudy = function (_a) {
40249
40187
  return;
40250
40188
  setActiveTabIndex(1);
40251
40189
  }, [state.recipe]);
40252
- return (React__default.createElement("div", { "data-testid": "CreateProject", style: __assign$3(__assign$3({}, defaultStyle), style) },
40190
+ return (React__default.createElement("div", { "data-testid": "CreateProject", style: __assign(__assign({}, defaultStyle), style) },
40253
40191
  React__default.createElement(Tabs, { selectedIndex: activeTabIndex, onSelect: function (index) { return setActiveTabIndex(index); }, forceRenderTabPanel: true },
40254
40192
  React__default.createElement("div", { style: {
40255
40193
  display: 'flex',
@@ -40275,30 +40213,6 @@ var CreateStudy = function (_a) {
40275
40213
  flexDirection: 'column',
40276
40214
  gap: 8
40277
40215
  } },
40278
- React__default.createElement(Label, { label: "Study Name" },
40279
- React__default.createElement(TextInput, { inputProps: {
40280
- name: 'study-name',
40281
- placeholder: 'A name for the study',
40282
- onChange: function (e) {
40283
- // @ts-ignore
40284
- if (!e.target.value)
40285
- return;
40286
- // @ts-ignore
40287
- setState(function (state) { return (__assign$3(__assign$3({}, state), { name: e.target.value })); });
40288
- }
40289
- } })),
40290
- React__default.createElement(Label, { label: "Study Description" },
40291
- React__default.createElement(TextInput, { inputProps: {
40292
- name: 'study-description',
40293
- placeholder: 'A short description for the study',
40294
- onChange: function (e) {
40295
- // @ts-ignore
40296
- if (!e.target.value)
40297
- return;
40298
- // @ts-ignore
40299
- setState(function (state) { return (__assign$3(__assign$3({}, state), { description: e.target.value })); });
40300
- }
40301
- } })),
40302
40216
  React__default.createElement(Label, { label: state.account ? state.account.name : 'Account' },
40303
40217
  React__default.createElement(SelectAccount, { authUser: authUser, client: client, setSelAccount: setSelAccount })),
40304
40218
  React__default.createElement(Label, { label: state.project ? state.project.name : 'Project' },
@@ -40314,7 +40228,7 @@ var CreateStudy = function (_a) {
40314
40228
  flexDirection: 'column',
40315
40229
  gap: 24
40316
40230
  } },
40317
- React__default.createElement(RecipeInputsForm, { recipe: state.recipe, onSubmit: function (data) { return createStudy({ name: state === null || state === void 0 ? void 0 : state.name, source: state === null || state === void 0 ? void 0 : state.recipe.source, description: state === null || state === void 0 ? void 0 : state.description }, data); }, disabled: !state.name || !state.account || !state.project || !state.recipe, projectName: projectSlug, projectOwner: projectOwner, client: client }))))));
40231
+ React__default.createElement(RecipeInputsForm, { client: client, projectOwner: projectOwner, projectName: projectSlug, recipe: state.recipe, onSubmit: function (name, data, description) { return createStudy({ name: name, source: state === null || state === void 0 ? void 0 : state.recipe.source, description: description }, data); } }))))));
40318
40232
  };
40319
40233
 
40320
40234
  var ConfigureLocalRun = function (_a) {
@@ -40492,7 +40406,7 @@ var SelectStudy = function (_a) {
40492
40406
  comboBoxRef.current.selectItem(null);
40493
40407
  }
40494
40408
  setStudies([]);
40495
- setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { owner: projectOwner, name: projectName, page: 1 })); });
40409
+ setQueryConfig(function (q) { return (__assign(__assign({}, q), { owner: projectOwner, name: projectName, page: 1 })); });
40496
40410
  }, [projectOwner, projectName]);
40497
40411
  var fetchStudies = useCallback(function (queryConfig) {
40498
40412
  if (!authUser)
@@ -40507,7 +40421,7 @@ var SelectStudy = function (_a) {
40507
40421
  client.jobs.listJobs(queryConfig)
40508
40422
  .then(function (_a) {
40509
40423
  var data = _a.data;
40510
- setStudies(function (state) { return state ? __spreadArray$1(__spreadArray$1([], state, true), data.resources, true) : __spreadArray$1([], data.resources, true); });
40424
+ setStudies(function (state) { return state ? __spreadArray(__spreadArray([], state, true), data.resources, true) : __spreadArray([], data.resources, true); });
40511
40425
  setTotal(data.total_count);
40512
40426
  totalRunsRef.current.loaded += data.resources.length;
40513
40427
  totalRunsRef.current.total = data.total_count;
@@ -40524,9 +40438,9 @@ var SelectStudy = function (_a) {
40524
40438
  var _a = totalRunsRef.current, total = _a.total, loaded = _a.loaded;
40525
40439
  if (total && loaded >= total)
40526
40440
  return;
40527
- setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { page: q.page ? q.page + 1 : 1 })); });
40441
+ setQueryConfig(function (q) { return (__assign(__assign({}, q), { page: q.page ? q.page + 1 : 1 })); });
40528
40442
  }, []);
40529
- return (React__default.createElement(ComboBox, { ref: comboBoxRef, items: (_b = studies === null || studies === void 0 ? void 0 : studies.map(function (r) { var _a; return (__assign$3(__assign$3({}, r), { name: (_a = r.spec.name) !== null && _a !== void 0 ? _a : "".concat(r.recipe.metadata.name, " : ").concat(r.status.id.slice(0, 5), "...") })); })) !== null && _b !== void 0 ? _b : [], setSelected: setSelStudy, inputProps: {
40443
+ return (React__default.createElement(ComboBox, { ref: comboBoxRef, items: (_b = studies === null || studies === void 0 ? void 0 : studies.map(function (r) { var _a; return (__assign(__assign({}, r), { name: (_a = r.spec.name) !== null && _a !== void 0 ? _a : "".concat(r.recipe.metadata.name, " : ").concat(r.status.id.slice(0, 5), "...") })); })) !== null && _b !== void 0 ? _b : [], setSelected: setSelStudy, inputProps: {
40530
40444
  placeholder: 'Select a study...',
40531
40445
  }, loading: loading, disabled: !authUser || !queryConfig.name || !queryConfig.owner, footer: (React__default.createElement("div", { key: "footer", style: {
40532
40446
  width: '100%',
@@ -40566,7 +40480,7 @@ var SelectRun = function (_a) {
40566
40480
  comboBoxRef.current.selectItem(null);
40567
40481
  }
40568
40482
  setRuns([]);
40569
- setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { jobId: jobId, owner: projectOwner, name: projectName, page: 1 })); });
40483
+ setQueryConfig(function (q) { return (__assign(__assign({}, q), { jobId: jobId, owner: projectOwner, name: projectName, page: 1 })); });
40570
40484
  }, [jobId, projectOwner, projectName]);
40571
40485
  var fetchRuns = useCallback(function (queryConfig) {
40572
40486
  if (!authUser)
@@ -40581,7 +40495,7 @@ var SelectRun = function (_a) {
40581
40495
  client.runs.listRuns(queryConfig)
40582
40496
  .then(function (_a) {
40583
40497
  var data = _a.data;
40584
- setRuns(function (state) { return state ? __spreadArray$1(__spreadArray$1([], state, true), data.resources, true) : __spreadArray$1([], data.resources, true); });
40498
+ setRuns(function (state) { return state ? __spreadArray(__spreadArray([], state, true), data.resources, true) : __spreadArray([], data.resources, true); });
40585
40499
  setTotal(data.total_count);
40586
40500
  totalRunsRef.current.loaded += data.resources.length;
40587
40501
  totalRunsRef.current.total = data.total_count;
@@ -40598,9 +40512,9 @@ var SelectRun = function (_a) {
40598
40512
  var _a = totalRunsRef.current, total = _a.total, loaded = _a.loaded;
40599
40513
  if (total && loaded >= total)
40600
40514
  return;
40601
- setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { page: q.page ? q.page + 1 : 1 })); });
40515
+ setQueryConfig(function (q) { return (__assign(__assign({}, q), { page: q.page ? q.page + 1 : 1 })); });
40602
40516
  }, []);
40603
- return (React__default.createElement(ComboBox, { ref: comboBoxRef, items: (_b = runs === null || runs === void 0 ? void 0 : runs.map(function (r) { return (__assign$3(__assign$3({}, r), { name: "".concat(r.recipe.metadata.name, " : ").concat(r.status.status) })); })) !== null && _b !== void 0 ? _b : [], renderItem: function (item, i) { return (React__default.createElement("div", { style: {
40517
+ return (React__default.createElement(ComboBox, { ref: comboBoxRef, items: (_b = runs === null || runs === void 0 ? void 0 : runs.map(function (r) { return (__assign(__assign({}, r), { name: "".concat(r.recipe.metadata.name, " : ").concat(r.status.status) })); })) !== null && _b !== void 0 ? _b : [], renderItem: function (item, i) { return (React__default.createElement("div", { style: {
40604
40518
  display: 'flex',
40605
40519
  justifyContent: 'space-between',
40606
40520
  paddingRight: 14
@@ -41021,5 +40935,5 @@ var SendResults = function (_a) {
41021
40935
  }], asButtons: true, label: buttonLabel, helpText: "".concat(selOpt ? selOpt.charAt(0).toUpperCase() + selOpt.replace('-', ' ').slice(1) : 'Send', " results.") }));
41022
40936
  };
41023
40937
 
41024
- export { APIClient, AuthUser, ComboFileSelector, ConfigureLocalRun, CreateStudy, GetGeometry, GetModel, SelectAccount, SelectCloudArtifacts, SelectLocalArtifacts, SelectProject, SelectRecipe, SelectRun, SelectStudy, SendGeometry, SendModel, SendResults, checkDotNet, checkRuby, getHost, sendMessageDotNet, sendMessageRuby, useAPIClient, useArtifacts, useCreateStudy, useGetGeometry, useGetHbjson, useHbjsontoVTK, useManageSettings, useRunCommand, useSendHbjson, useSendMessage };
40938
+ export { APIClient, AuthUser, ComboFileSelector, ConfigureLocalRun, CreateStudy, GetGeometry, GetModel, RecipeInputsForm, SelectAccount, SelectCloudArtifacts, SelectLocalArtifacts, SelectProject, SelectRecipe, SelectRun, SelectStudy, SendGeometry, SendModel, SendResults, checkDotNet, checkRuby, getHost, sendMessageDotNet, sendMessageRuby, useAPIClient, useArtifacts, useCreateStudy, useGetGeometry, useGetHbjson, useHbjsontoVTK, useManageSettings, useRunCommand, useSendHbjson, useSendMessage };
41025
40939
  //# sourceMappingURL=index.esm.js.map