pollination-react-io 1.9.0 → 1.9.1

package/build/index.esm.js

@@ -35714,7 +35714,7 @@ var Label = function (_a) {
                 justifyContent: 'flex-start',
                 width: '100%',
             } },
-            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', transform: 'translate(30px, 6px)', zIndex: 100, fontSize: '0.8rem', color: disabled ? '#d0d7de' : 'var(--primary)', fill: disabled ? '#d0d7de' : 'var(--primary)', padding: '0px 4px', marginBottom: 0 }, style) }, label)),
+            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', transform: 'translate(30px, 6px)', zIndex: 100, fontSize: '0.8rem', color: disabled ? 'var(--slate11)' : 'var(--primary)', fill: disabled ? 'var(--slate11)' : 'var(--primary)', padding: '0px 4px', marginBottom: 0 }, style) }, label)),
         children));
 };
 
@@ -35735,7 +35735,7 @@ var Logo = function () { return (React__default.createElement("div", { style: {
             backgroundColor: 'rgba(0,0,0,0)',
         } }))); };
 
-var css_248z$7 = ":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.number-input {\n  width: 100%;\n  display: flex;\n  border-radius: 4px;\n  box-sizing: border-box;\n  border: 1px solid var(--primary);\n}\n\n.number-input:hover {\n  box-shadow: 0 1px 2px 0 rgba(26, 115, 232, 0.45), 0 1px 3px 1px rgba(26, 115, 232, 0.3);\n}\n\n.number-input-disabled {\n  border-color: grey;\n}\n\n.number-input-disabled input,\n.number-input-disabled button {\n  cursor: default !important;\n}\n\n.number-input-disabled:hover {\n  box-shadow: none;\n}\n\n.number-input input {\n  width: 100%;\n  color: var(--slate12);\n}\n\n.number-input input::placeholder {\n  color: var(--slate10);\n}\n\n.number-input i svg {\n  fill: var(--primary);\n}\n\n.number-input button,\n.number-input input {\n  display: flex;\n  padding: 9px 10px;\n  cursor: pointer;\n  float: left;\n  z-index: 10;\n  align-items: center;\n  gap: 8px;\n  border: none;\n  line-height: 1.5rem;\n}\n\n.number-input button:first-child,\n.number-input input:first-child {\n  border-top-left-radius: 4px;\n  border-bottom-left-radius: 4px;\n}\n\n.number-input button:last-child {\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n  border-left-color: #096dd9;\n}\n\n.number-input button:not(:last-child),\n.number-input input:not(:last-child) {\n  border-right: none;\n}\n\n.number-input button:focus-visible,\n.number-input input:focus-visible {\n  outline: none;\n}\n\n.number-input button:focus,\n.number-input input:focus {\n  outline: none;\n}\n\n/* Clear floats (clearfix hack) */\n.number-input:after {\n  content: \"\";\n  clear: both;\n  display: table;\n}";
+var css_248z$7 = ":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.number-input {\n  width: 100%;\n  display: flex;\n  border-radius: 4px;\n  box-sizing: border-box;\n  border: 1px solid var(--primary);\n}\n\n.number-input:hover {\n  box-shadow: 0 1px 2px 0 rgba(26, 115, 232, 0.45), 0 1px 3px 1px rgba(26, 115, 232, 0.3);\n}\n\n.number-input-disabled {\n  border-color: grey;\n}\n\n.number-input-disabled input,\n.number-input-disabled button {\n  cursor: default !important;\n}\n\n.number-input-disabled:hover {\n  box-shadow: none;\n}\n\n.number-input input {\n  width: 100%;\n  color: var(--slate12);\n}\n\n.number-input input::placeholder {\n  color: var(--slate10);\n}\n\n.number-input i svg {\n  fill: inherit;\n}\n\n.number-input button,\n.number-input input {\n  display: flex;\n  padding: 9px 10px;\n  cursor: pointer;\n  float: left;\n  z-index: 10;\n  align-items: center;\n  gap: 8px;\n  border: none;\n  line-height: 1.5rem;\n}\n\n.number-input button:first-child,\n.number-input input:first-child {\n  border-top-left-radius: 4px;\n  border-bottom-left-radius: 4px;\n}\n\n.number-input button:last-child {\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n  border-left-color: #096dd9;\n}\n\n.number-input button:not(:last-child),\n.number-input input:not(:last-child) {\n  border-right: none;\n}\n\n.number-input button:focus-visible,\n.number-input input:focus-visible {\n  outline: none;\n}\n\n.number-input button:focus,\n.number-input input:focus {\n  outline: none;\n}\n\n/* Clear floats (clearfix hack) */\n.number-input:after {\n  content: \"\";\n  clear: both;\n  display: table;\n}";
 styleInject(css_248z$7);
 
 var NumberInput = function (_a) {
@@ -35751,6 +35751,7 @@ var NumberInput = function (_a) {
                     display: 'flex',
                     color: 'white',
                     zIndex: 20,
+                    fill: inputProps.disabled ? 'var(--slate11)' : 'var(--primary)'
                 } }, icon)),
         React__default.createElement("input", __assign$3({ style: {
                 paddingLeft: 35,
@@ -35759,7 +35760,7 @@ var NumberInput = function (_a) {
                 width: '100%',
                 fontSize: '0.9rem'
             }, type: 'number' }, inputProps)),
-        typeof inputProps.defaultValue !== 'undefined' &&
+        typeof inputProps.defaultValue !== 'undefined' && !inputProps.disabled &&
             React__default.createElement("button", { type: 'button', onClick: reset, style: {
                     background: 'white'
                 } },
@@ -35815,6 +35816,7 @@ var TextInput = function (_a) {
                 display: 'flex',
                 color: 'white',
                 zIndex: 20,
+                fill: inputProps.disabled ? 'var(--slate11)' : 'var(--primary)'
             } }, icon)),
         React__default.createElement("input", __assign$3({ style: {
                 paddingLeft: 34,
@@ -35822,7 +35824,7 @@ var TextInput = function (_a) {
                 flex: 12,
                 width: '100%'
             } }, inputProps)),
-        inputProps.defaultValue &&
+        typeof inputProps.defaultValue !== 'undefined' && !inputProps.disabled &&
             React__default.createElement("button", { type: 'button', onClick: reset, style: {
                     background: 'white'
                 } },
@@ -40317,7 +40319,7 @@ var CreateStudy = function (_a) {
     // @ts-ignore
     var projectOwner = !state || !state.account ? undefined : ((_b = state.account.username) !== null && _b !== void 0 ? _b : state.account.account_name);
     var projectSlug = !state || !state.project ? undefined : state.project.slug.split('/')[1];
-    var createStudy = useCreateStudy(projectOwner, projectSlug, client).createStudy;
+    var _e = useCreateStudy(projectOwner, projectSlug, client), host = _e.host, createStudy = _e.createStudy;
     useEffect(function () {
         if (!state.recipe)
             return;
@@ -40388,7 +40390,7 @@ var CreateStudy = function (_a) {
                             flexDirection: 'column',
                             gap: 24
                         } },
-                        React__default.createElement(ConfigureLocalRun, null),
+                        host !== 'web' && React__default.createElement(ConfigureLocalRun, null),
                         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 }))))));
 };