pollination-react-io 1.22.0 → 1.22.2

package/build/CreateStudy/CreateStudy.types.d.ts

@@ -11,5 +11,5 @@ export declare type CreateStudyProps = {
             hidden?: boolean;
         };
     };
-    createStudySuccess: (accountName: string, projectName: string, studyId: string) => void;
+    createStudySuccess?: (accountName: string, projectName: string, studyId: string) => void;
 };

package/build/index.esm.js

@@ -8684,7 +8684,6 @@ var ComboBox = React__default.forwardRef(function ComboBox(_a, ref) {
     }); });
     useEffect(function () {
         var _a;
-        console.log(selectedItem);
         if (!selectedItem) {
             setInputValue('');
         }
@@ -13297,7 +13296,7 @@ const $d08ef79370b62062$export$371ab307eab489c0 = $d08ef79370b62062$export$e4f69
 const $d08ef79370b62062$export$c3468e2714d175fa = $d08ef79370b62062$export$42355ae145153fb6;
 const $d08ef79370b62062$export$21b07c8f274aebd5 = $d08ef79370b62062$export$34b8980744021ec5;
 
-var css_248z$e = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n  --success: #46A758;\n  --warning: #F76809;\n  --danger: #FF4616;\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@keyframes Animation {\n  0% {\n    background-position: 200%;\n  }\n  50% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: 0%;\n  }\n}\n.loading {\n  background: linear-gradient(45deg, transparent, var(--primary), 12%, transparent);\n  background-size: 200%;\n  animation: Animation 3s ease infinite;\n}\n\n@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}\n\n.poll-select-content {\n  display: flex;\n  flex-direction: column;\n  width: fit-content;\n  background-color: white;\n  border: 1px solid var(--slate8);\n  border-radius: 4px;\n  padding: 10px 8px;\n  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 6px 2px;\n  z-index: 1000;\n}\n\n.poll-select-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 6px;\n  border-radius: 2px;\n  padding: 2px 4px 2px 30px;\n  transition: background-color 0.15s linear, color 0.15s linear;\n  cursor: pointer;\n}\n\n.poll-select-item[data-state=checked] {\n  background-color: var(--primary2);\n  color: white;\n}\n\n.poll-select-item[data-state=checked] > svg {\n  fill: white;\n}\n\n.poll-select-item[data-disabled] {\n  cursor: default;\n  color: var(--slate9);\n}\n\n.poll-select-item[data-disabled]:hover {\n  background-color: white;\n  color: var(--slate9);\n}\n\n.poll-select-item:focus-visible {\n  background-color: var(--primary0);\n  outline: solid 1px var(--primary);\n  color: unset;\n  outline-color: var(--primary);\n}\n\n.poll-select-item:hover {\n  background-color: var(--primary0);\n  color: unset;\n  fill: unset;\n}\n\n.poll-separator {\n  background-color: #d0d7de;\n  height: 1px;\n  width: 100%;\n  margin: 4px 0;\n}";
+var css_248z$e = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n  --success: #46A758;\n  --warning: #F76809;\n  --danger: #FF4616;\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@keyframes Animation {\n  0% {\n    background-position: 200%;\n  }\n  50% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: 0%;\n  }\n}\n.loading {\n  background: linear-gradient(45deg, transparent, var(--primary), 12%, transparent);\n  background-size: 200%;\n  animation: Animation 3s ease infinite;\n}\n\n@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}\n\n.poll-select-content {\n  display: flex;\n  flex-direction: column;\n  width: fit-content;\n  background-color: white;\n  border: 1px solid var(--slate8);\n  border-radius: 4px;\n  padding: 10px 8px;\n  gap: 4px;\n  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 6px 2px;\n  z-index: 1000;\n}\n\n.poll-select-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 6px;\n  border-radius: 2px;\n  padding: 2px 4px 2px 30px;\n  transition: background-color 0.15s linear, color 0.15s linear;\n  cursor: pointer;\n}\n\n.poll-select-item[data-state=checked] {\n  background-color: var(--primary2);\n  color: white;\n}\n\n.poll-select-item[data-state=checked] > svg {\n  fill: white;\n}\n\n.poll-select-item[data-disabled] {\n  cursor: default;\n  color: var(--slate9);\n}\n\n.poll-select-item[data-disabled]:hover {\n  background-color: white;\n  color: var(--slate9);\n}\n\n.poll-select-item:focus-visible {\n  background-color: var(--primary0);\n  outline: solid 1px var(--primary);\n  color: unset;\n  outline-color: var(--primary);\n}\n\n.poll-select-item:hover {\n  background-color: var(--primary0);\n  color: unset;\n  fill: unset;\n}\n\n.poll-separator {\n  background-color: #d0d7de;\n  height: 1px;\n  width: 100%;\n  margin: 4px 0;\n}";
 styleInject(css_248z$e);
 
 var Dropdown = function (_a) {
@@ -13325,7 +13324,7 @@ var Dropdown = function (_a) {
                     React__default.createElement($d08ef79370b62062$export$c3468e2714d175fa, { style: {
                             position: 'absolute',
                             display: 'inline-flex',
-                            left: 10,
+                            left: 14,
                         } },
                         React__default.createElement(CheckCircle$1, null)),
                     o.label));
@@ -13337,7 +13336,7 @@ var Dropdown = function (_a) {
                         React__default.createElement("div", { style: {
                                 position: 'absolute',
                                 display: 'inline-flex',
-                                left: 12,
+                                left: 14,
                             } }, o.icon),
                         o.label)));
             default:
@@ -13345,7 +13344,7 @@ var Dropdown = function (_a) {
                     React__default.createElement("div", { style: {
                             position: 'absolute',
                             display: 'inline-flex',
-                            left: 12,
+                            left: 14,
                         } }, o.icon),
                     o.label));
         }
@@ -13355,7 +13354,11 @@ var Dropdown = function (_a) {
         React__default.createElement($d08ef79370b62062$export$7c6e2c02157bb7d2, __assign({ className: "poll-select-content" }, contentProps),
             optionGroups.map(function (group, i, a) { return (React__default.createElement(ConditionalWrapper, { condition: typeof group.type !== 'undefined', wrapper: function (children) { return (group.type === 'radio'
                     ?
-                        React__default.createElement($d08ef79370b62062$export$a98f0dcb43a68a25, { value: group.value }, children)
+                        React__default.createElement($d08ef79370b62062$export$a98f0dcb43a68a25, { value: group.value, style: {
+                                display: 'flex',
+                                flexDirection: 'column',
+                                gap: 2
+                            } }, children)
                     :
                         React__default.createElement($d08ef79370b62062$export$eb2fcfdbd7ba97d4, { style: {
                                 display: 'flex',
@@ -41790,6 +41793,9 @@ var SelectProject = function (_a) {
         if (lodash_isequal(valueRef.current, selProject)) {
             return;
         }
+        if (selProject && selProject.name) {
+            comboBoxRef.current.setInputValue(selProject.name);
+        }
         comboBoxRef.current.selectItem(selProject);
         valueRef.current = selProject;
         // don't call onChange for undefined values
@@ -41797,7 +41803,6 @@ var SelectProject = function (_a) {
     }, [selProject, onChange]);
     useEffect(function () {
         setSelProject(value);
-        console.log(value);
     }, [value]);
     var onScrollReachEnd = useCallback(function () {
         // already loaded all runs
@@ -41976,6 +41981,9 @@ var SelectRecipe = function (_a) {
         if (lodash_isequal(valueRef.current, selRecipe)) {
             return;
         }
+        if (selRecipe && selRecipe.metadata && selRecipe.metadata.name) {
+            comboBoxRef.current.setInputValue(selRecipe.metadata.name);
+        }
         comboBoxRef.current.selectItem(selRecipe);
         valueRef.current = selRecipe;
         onChange && selRecipe && onChange(selRecipe);
@@ -44202,17 +44210,21 @@ var CreateStudy = function (_a) {
         if (!basePath) {
             throw new Error('CreateStudy: client.configuration.basepath not defined.');
         }
+        // for streamlit apps have to use window.open instead of window.location.href
         window.open("".concat(basePath, "/").concat(accountName, "/projects/").concat(projectName, "/studies/").concat(studyId));
     }, [basePath]);
     var handleCreateStudy = useCallback(function (name, data, description, localConfig) {
         if (!state || !state.recipe || !state.recipe.source) {
             return new Promise(function (resolve, reject) { return resolve(); });
         }
+        var handleSuccess = createStudySuccess !== null && createStudySuccess !== void 0 ? createStudySuccess : handleCreateStudySuccess;
+        // don't attempt navigation if the study is a local study
+        var handleWebSuccess = localConfig && localConfig.isLocalJob ? handleSuccess : undefined;
         if (host !== 'web') {
-            return createLocalStudy({ name: name, recipe: state.recipe, description: description }, data, localConfig, createStudySuccess);
+            return createLocalStudy({ name: name, recipe: state.recipe, description: description }, data, localConfig, handleWebSuccess);
         }
         else {
-            return createStudy({ name: name, recipe: state.recipe, description: description }, data, createStudySuccess !== null && createStudySuccess !== void 0 ? createStudySuccess : handleCreateStudySuccess);
+            return createStudy({ name: name, recipe: state.recipe, description: description }, data, handleWebSuccess);
         }
     }, [state, host, createLocalStudy, createStudy, createStudySuccess, handleCreateStudySuccess]);
     return (React__default.createElement("div", { "data-testid": "CreateProject", style: __assign(__assign({}, defaultStyle), style) },
@@ -45992,7 +46004,6 @@ var SelectRun = function (_a) {
         };
         // deselect items
         if (comboBoxRef.current) {
-            console.log('clear selection');
             comboBoxRef.current.selectItem(null);
         }
         setRuns([]);
@@ -46034,6 +46045,17 @@ var SelectRun = function (_a) {
         if (lodash_isequal(valueRef.current, selRun)) {
             return;
         }
+        if (selRun && selRun.id) {
+            if (selRun.recipe &&
+                selRun.recipe.metadata &&
+                selRun.recipe.metadata.name &&
+                selRun.status) {
+                comboBoxRef.current.setInputValue("".concat(selRun.recipe.metadata.name, ":").concat(selRun.status));
+            }
+            else {
+                comboBoxRef.current.setInputValue(selRun.id);
+            }
+        }
         comboBoxRef.current.selectItem(selRun);
         valueRef.current = selRun;
         // don't call onChange for undefined values
@@ -46158,6 +46180,14 @@ var SelectStudy = function (_a) {
         if (lodash_isequal(valueRef.current, selStudy)) {
             return;
         }
+        if (selStudy && selStudy.id) {
+            if (selStudy.spec.name) {
+                comboBoxRef.current.setInputValue(selStudy.spec.name);
+            }
+            else {
+                comboBoxRef.current.setInputValue(selStudy.id);
+            }
+        }
         comboBoxRef.current.selectItem(selStudy);
         valueRef.current = selStudy;
         // don't call onChange for undefined values