pollination-react-io 1.17.0 → 1.18.0

package/build/ComboFileSelector/ComboFileSelector.types.d.ts

@@ -4,6 +4,7 @@ export interface ComboFileSelectorProps {
     projectOwner?: string;
     projectName?: string;
     defaultValue?: string;
+    hidden?: boolean;
     defaultOption?: 'get_model' | 'get_file' | 'get_cloud' | 'get_local';
     mode?: 'local' | 'cloud';
     onChange?: (...any: any) => void;

package/build/SelectCloudArtifacts/SelectCloudArtifacts.types.d.ts

@@ -8,6 +8,7 @@ export interface SelectCloudArtifactsProps {
     projectName?: string;
     jobId?: string;
     defaultValue?: string;
+    hidden?: boolean;
     fileNameMatch?: string;
     onChange?: (artifact: CloudFileMeta) => void;
     client?: APIClient;

package/build/atoms/ComboBox/ComboBox.types.d.ts

@@ -21,6 +21,7 @@ export interface ComboBoxProps {
     }>>;
     loading?: boolean;
     disabled?: boolean;
+    hidden?: boolean;
     icon?: ReactElement;
     inputStyle?: CSSProperties;
     menuStyle?: CSSProperties;

package/build/atoms/NumberInput/NumberInput.types.d.ts

@@ -2,6 +2,7 @@ import { CSSProperties, HTMLProps, ReactNode } from 'react';
 export interface NumberInputProps {
     inputProps?: HTMLProps<HTMLInputElement>;
     icon?: ReactNode;
+    hidden?: boolean;
     style?: CSSProperties;
     reset?: any;
 }

package/build/atoms/TextInput/TextInput.types.d.ts

@@ -2,6 +2,7 @@ import { CSSProperties, HTMLProps, ReactElement } from 'react';
 export interface TextInputProps {
     inputProps?: HTMLProps<HTMLInputElement>;
     icon?: ReactElement;
+    hidden?: boolean;
     style?: CSSProperties;
     reset?: any;
 }

package/build/index.esm.js

@@ -8651,7 +8651,7 @@ var ComboBox = React__default.forwardRef(function ComboBox(_a, ref) {
     var items = _a.items, renderItem = _a.renderItem, setSelected = _a.setSelected, onScrollReachEnd = _a.onScrollReachEnd, _c = _a.stateReducer, stateReducer = _c === void 0 ? function (state, _a) {
         _a.type; var changes = _a.changes;
         return changes;
-    } : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.loading, loading = _e === void 0 ? false : _e, _f = _a.icon, icon = _f === void 0 ? React__default.createElement(CursorText$1, null) : _f, inputStyle = _a.inputStyle, menuStyle = _a.menuStyle, _g = _a.maxHeight, maxHeight = _g === void 0 ? 180 : _g, inputProps = _a.inputProps, header = _a.header, footer = _a.footer, _h = _a.noMatchText, noMatchText = _h === void 0 ? 'No matching items' : _h;
+    } : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, hidden = _a.hidden, _e = _a.loading, loading = _e === void 0 ? false : _e, _f = _a.icon, icon = _f === void 0 ? React__default.createElement(CursorText$1, null) : _f, inputStyle = _a.inputStyle, menuStyle = _a.menuStyle, _g = _a.maxHeight, maxHeight = _g === void 0 ? 180 : _g, inputProps = _a.inputProps, header = _a.header, footer = _a.footer, _h = _a.noMatchText, noMatchText = _h === void 0 ? 'No matching items' : _h;
     var _j = useState(items), inputItems = _j[0], setInputItems = _j[1];
     useEffect(function () {
         setInputItems(items);
@@ -8690,7 +8690,7 @@ var ComboBox = React__default.forwardRef(function ComboBox(_a, ref) {
         setSelected && setSelected(selectedItem);
         closeMenu();
     }, [closeMenu, selectedItem, setSelected]);
-    return (React__default.createElement("div", { "data-testid": "ComboBoxSelect", className: "poll-combobox" },
+    return (React__default.createElement("div", { "data-testid": "ComboBoxSelect", className: hidden ? undefined : 'poll-combobox' },
         React__default.createElement(ButtonGroup, { wrapperProps: __assign(__assign({}, getComboboxProps()), { style: __assign(__assign({}, inputStyle), { position: 'relative', width: '100%' }) }), disabled: disabled },
             React__default.createElement("input", __assign({}, getInputProps(__assign(__assign({ placeholder: 'Search for something...', spellCheck: false, disabled: disabled, style: {
                     paddingLeft: 42,
@@ -8702,73 +8702,83 @@ var ComboBox = React__default.forwardRef(function ComboBox(_a, ref) {
                 // @ts-ignore
                 value: selectedItem && (selectedItem.name || selectedItem.file_name) ? (_b = selectedItem.name) !== null && _b !== void 0 ? _b : selectedItem.file_name : '' }, inputProps), { onFocus: function () {
                     openMenu();
-                } })))),
-            React__default.createElement("i", { style: {
-                    position: 'absolute',
-                    height: '100%',
-                    width: 42,
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    display: 'flex',
-                    color: 'white',
-                    zIndex: 20,
-                } }, selectedItem ?
-                React__default.createElement(CheckCircle$1, { size: ICON_SIZE })
-                :
-                    React__default.cloneElement(icon, { size: ICON_SIZE })),
-            loading
-                ? (React__default.createElement("button", { type: 'button', tabIndex: -1, disabled: disabled, style: {
-                        borderBottomRightRadius: isOpen ? 0 : 4,
-                    } },
-                    React__default.createElement(ArrowClockwise$1, { className: "spin", size: ICON_SIZE })))
-                : selectedItem
-                    ? (React__default.createElement("button", { type: 'button', tabIndex: -1, disabled: disabled, onClick: function () {
+                }, type: hidden ? 'hidden' : undefined })))),
+            !hidden &&
+                React__default.createElement("i", { style: {
+                        position: 'absolute',
+                        height: '100%',
+                        width: 42,
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        display: 'flex',
+                        color: 'white',
+                        zIndex: 20,
+                    } }, selectedItem ?
+                    React__default.createElement(CheckCircle$1, { size: ICON_SIZE })
+                    :
+                        React__default.cloneElement(icon, { size: ICON_SIZE })),
+            (function () {
+                if (hidden) {
+                    return React__default.createElement(React__default.Fragment, null);
+                }
+                else if (loading) {
+                    React__default.createElement("button", { type: 'button', tabIndex: -1, disabled: disabled, style: {
+                            borderBottomRightRadius: isOpen ? 0 : 4,
+                        } },
+                        React__default.createElement(ArrowClockwise$1, { className: "spin", size: ICON_SIZE }));
+                }
+                else if (selectItem) {
+                    return (React__default.createElement("button", { type: 'button', tabIndex: -1, disabled: disabled, onClick: function () {
                             selectItem(null);
                             setSelected && setSelected(undefined);
                         }, style: {
                             borderBottomRightRadius: isOpen ? 0 : 4,
                         } },
-                        React__default.createElement(X$2, { size: ICON_SIZE })))
-                    :
-                        (React__default.createElement("button", __assign({ type: 'button', disabled: disabled }, getToggleButtonProps(), { style: {
-                                borderBottomRightRadius: isOpen ? 0 : 4,
-                            } }),
-                            React__default.createElement(ArrowDown$1, { size: ICON_SIZE })))),
-        React__default.createElement("div", { className: "poll-combobox-content", style: {
-                maxHeight: isOpen ? maxHeight : 0,
-                boxShadow: isOpen ? 'rgba(0, 0, 0, 0.08) 0px 2px 4px' : undefined,
-                padding: isOpen ? '6px 4px' : 0,
-                visibility: isOpen ? undefined : 'hidden'
-            } },
-            header &&
-                React__default.createElement("div", { className: 'poll-combo-header-container', style: {
+                        React__default.createElement(X$2, { size: ICON_SIZE })));
+                }
+                else {
+                    return (React__default.createElement("button", __assign({ type: 'button', disabled: disabled }, getToggleButtonProps(), { style: {
+                            borderBottomRightRadius: isOpen ? 0 : 4,
+                        } }),
+                        React__default.createElement(ArrowDown$1, { size: ICON_SIZE })));
+                }
+            })()),
+        !hidden &&
+            React__default.createElement("div", { className: "poll-combobox-content", style: {
+                    maxHeight: isOpen ? maxHeight : 0,
+                    boxShadow: isOpen ? 'rgba(0, 0, 0, 0.08) 0px 2px 4px' : undefined,
+                    padding: isOpen ? '6px 4px' : 0,
+                    visibility: isOpen ? undefined : 'hidden'
+                } },
+                header &&
+                    React__default.createElement("div", { className: 'poll-combo-header-container', style: {
+                            opacity: isOpen ? 1 : 0
+                        } },
+                        header,
+                        React__default.createElement($89eedd556c436f6a$export$be92b6f5f03c0fe9, { key: "poll-separator", className: "poll-separator" })),
+                React__default.createElement(ScrollZone, { isOpen: isOpen, items: inputItems, highlightedIndex: highlightedIndex, menuStyle: menuStyle, renderItem: renderItem, getMenuProps: getMenuProps, getItemProps: getItemProps, onScrollEnd: debouncedOnScrollReachEnd }),
+                React__default.createElement("div", { className: 'poll-combo-footer-container', style: {
                         opacity: isOpen ? 1 : 0
                     } },
-                    header,
-                    React__default.createElement($89eedd556c436f6a$export$be92b6f5f03c0fe9, { key: "poll-separator", className: "poll-separator" })),
-            React__default.createElement(ScrollZone, { isOpen: isOpen, items: inputItems, highlightedIndex: highlightedIndex, menuStyle: menuStyle, renderItem: renderItem, getMenuProps: getMenuProps, getItemProps: getItemProps, onScrollEnd: debouncedOnScrollReachEnd }),
-            React__default.createElement("div", { className: 'poll-combo-footer-container', style: {
-                    opacity: isOpen ? 1 : 0
-                } },
-                React__default.createElement($89eedd556c436f6a$export$be92b6f5f03c0fe9, { key: "poll-separator", className: "poll-separator" }),
-                loading &&
-                    React__default.createElement("div", { style: {
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            background: 'var(--slate3)',
-                            color: 'var(--slate10)',
-                            padding: '6px 0px',
-                        } }, "Loading..."),
-                inputItems.length > 0 && !loading && footer,
-                inputItems.length < 1 && !loading &&
-                    React__default.createElement("div", { key: "footer", style: {
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            color: 'var(--slate10)',
-                            padding: '10px 0px',
-                        } }, noMatchText)))));
+                    React__default.createElement($89eedd556c436f6a$export$be92b6f5f03c0fe9, { key: "poll-separator", className: "poll-separator" }),
+                    loading &&
+                        React__default.createElement("div", { style: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                                background: 'var(--slate3)',
+                                color: 'var(--slate10)',
+                                padding: '6px 0px',
+                            } }, "Loading..."),
+                    inputItems.length > 0 && !loading && footer,
+                    inputItems.length < 1 && !loading &&
+                        React__default.createElement("div", { key: "footer", style: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                                color: 'var(--slate10)',
+                                padding: '10px 0px',
+                            } }, noMatchText)))));
 });
 
 function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEventHandler, { checkForDefaultPrevented: checkForDefaultPrevented = true  } = {}) {
@@ -15273,28 +15283,29 @@ var css_248z$a = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --
 styleInject(css_248z$a);
 
 var NumberInput = function (_a) {
-    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;
-    return (React__default.createElement("div", { style: __assign(__assign({ width: '100%' }, style), { position: 'relative' }), className: "".concat(inputProps.disabled && 'number-input-disabled', " number-input") },
-        icon
-            && (React__default.createElement("i", { style: {
-                    position: 'absolute',
-                    height: '100%',
-                    width: 34,
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    display: 'flex',
-                    color: 'white',
-                    zIndex: 20,
-                    fill: inputProps.disabled ? 'var(--slate11)' : 'var(--primary)'
-                } }, icon)),
+    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, hidden = _a.hidden, style = _a.style, reset = _a.reset;
+    // console.log(inputProps)
+    // console.log(hidden)
+    return (React__default.createElement("div", { className: hidden ? undefined : "".concat(inputProps.disabled && 'number-input-disabled', " number-input"), style: __assign(__assign({ width: '100%' }, style), { position: 'relative' }) },
+        icon && !hidden && (React__default.createElement("i", { style: {
+                position: 'absolute',
+                height: '100%',
+                width: 34,
+                justifyContent: 'center',
+                alignItems: 'center',
+                display: 'flex',
+                color: 'white',
+                zIndex: 20,
+                fill: inputProps.disabled ? 'var(--slate11)' : 'var(--primary)'
+            } }, icon)),
         React__default.createElement("input", __assign({ style: {
                 paddingLeft: 35,
                 borderRadius: 4,
                 flex: 12,
                 width: '100%',
                 fontSize: '0.9rem'
-            }, type: 'number' }, inputProps)),
-        typeof inputProps.defaultValue !== 'undefined' && !inputProps.disabled &&
+            } }, inputProps, { type: hidden ? 'hidden' : 'number' })),
+        !hidden && typeof inputProps.defaultValue !== 'undefined' && !inputProps.disabled &&
             React__default.createElement("button", { type: 'button', onClick: reset, style: {
                     background: 'white'
                 } },
@@ -15635,9 +15646,9 @@ var css_248z$7 = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --
 styleInject(css_248z$7);
 
 var TextInput = function (_a) {
-    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;
-    return (React__default.createElement("div", { style: __assign(__assign({ width: '100%' }, style), { position: 'relative' }), className: "text-input" },
-        icon && (React__default.createElement("i", { style: {
+    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, hidden = _a.hidden, style = _a.style, reset = _a.reset;
+    return (React__default.createElement("div", { className: hidden ? undefined : 'text-input', style: __assign(__assign({ width: '100%' }, style), { position: 'relative' }) },
+        !hidden && icon && (React__default.createElement("i", { style: {
                 position: 'absolute',
                 height: '100%',
                 width: 34,
@@ -15653,8 +15664,8 @@ var TextInput = function (_a) {
                 borderRadius: 4,
                 flex: 12,
                 width: '100%'
-            } }, inputProps)),
-        typeof inputProps.defaultValue !== 'undefined' && !inputProps.disabled &&
+            } }, inputProps, { type: hidden ? 'hidden' : undefined })),
+        !hidden && typeof inputProps.defaultValue !== 'undefined' && !inputProps.disabled &&
             React__default.createElement("button", { type: 'button', onClick: reset, style: {
                     background: 'white'
                 } },
@@ -40483,13 +40494,12 @@ var getFileIcon$1 = function (type, disabled) {
 
 var SelectCloudArtifacts = function (_a) {
     var _b, _c;
-    var projectOwner = _a.projectOwner, projectName = _a.projectName, jobId = _a.jobId, defaultValue = _a.defaultValue, _d = _a.fileNameMatch, fileNameMatch = _d === void 0 ? '.*' : _d, onChange = _a.onChange, client = _a.client;
+    var projectOwner = _a.projectOwner, projectName = _a.projectName, jobId = _a.jobId, defaultValue = _a.defaultValue, hidden = _a.hidden, _d = _a.fileNameMatch, fileNameMatch = _d === void 0 ? '.*' : _d, onChange = _a.onChange, client = _a.client;
     var host = getHost();
     var comboBoxRef = useRef(null);
     var listArtifacts = useArtifacts(projectOwner, projectName, client).listArtifacts;
     var _e = useState(false), loading = _e[0], setLoading = _e[1];
     var _f = useState({ folders: [], files: [] }), artifacts = _f[0], setArtifacts = _f[1];
-    console.log(defaultValue);
     // Support default values
     var defaultValueRef = useRef(defaultValue ? defaultValue.split('/').splice(-1)[0] : undefined);
     var _g = useState(defaultValue ? defaultValue.split('/').slice(0, -1) : []), path = _g[0], setPath = _g[1];
@@ -40560,7 +40570,7 @@ var SelectCloudArtifacts = function (_a) {
                 } },
                 icon,
                 item.name));
-        }, setSelected: setSelArtifact, loading: loading, disabled: !projectName || !projectOwner, icon: React__default.createElement(CloudPlus$1, null), header: path.length > 0 &&
+        }, setSelected: setSelArtifact, loading: loading, disabled: !projectName || !projectOwner, hidden: hidden, icon: React__default.createElement(CloudPlus$1, null), header: path.length > 0 &&
             React__default.createElement("div", { key: "header", style: {
                     width: '100%',
                     display: 'flex',
@@ -40659,7 +40669,7 @@ var SelectLocalArtifactNative = function (_a) {
 };
 
 var ComboFileSelector = function (_a) {
-    var projectOwner = _a.projectOwner, projectName = _a.projectName, defaultValue = _a.defaultValue, defaultOption = _a.defaultOption, _b = _a.mode, mode = _b === void 0 ? 'cloud' : _b, onChange = _a.onChange, _c = _a.disabled, disabled = _c === void 0 ? false : _c, client = _a.client, inputProps = _a.inputProps;
+    var projectOwner = _a.projectOwner, projectName = _a.projectName, defaultValue = _a.defaultValue, hidden = _a.hidden, defaultOption = _a.defaultOption, _b = _a.mode, mode = _b === void 0 ? 'cloud' : _b, onChange = _a.onChange, _c = _a.disabled, disabled = _c === void 0 ? false : _c, client = _a.client, inputProps = _a.inputProps;
     var host = getHost();
     var _d = useState(function () {
         if (typeof defaultOption !== 'undefined') {
@@ -40691,37 +40701,38 @@ var ComboFileSelector = function (_a) {
             flexDirection: 'column',
             gap: 8
         } },
-        React__default.createElement(ButtonGroup, null,
-            React__default.createElement("button", { type: 'button', disabled: disabled, onClick: function () { return setOption('get_file'); }, style: {
-                    display: 'flex',
-                    boxShadow: !disabled && option === 'get_file' ?
-                        'inset 0px 0px 9px 4px #096dd9' : undefined
-                } },
-                React__default.createElement(FileEarmarkArrowUp$1, null),
-                "Upload"),
-            React__default.createElement("button", { type: 'button', disabled: disabled, onClick: function () { return setOption('get_cloud'); }, style: {
-                    display: 'flex',
-                    boxShadow: !disabled && option === 'get_cloud' ?
-                        'inset 0px 0px 9px 4px #096dd9' : undefined
-                } },
-                React__default.createElement(CloudPlus$1, null),
-                "Cloud"),
-            (host !== 'web' || option === 'get_model') &&
-                React__default.createElement("button", { type: 'button', disabled: disabled, onClick: function () { return setOption('get_model'); }, style: {
+        !hidden &&
+            React__default.createElement(ButtonGroup, null,
+                React__default.createElement("button", { type: 'button', disabled: disabled, onClick: function () { return setOption('get_file'); }, style: {
                         display: 'flex',
-                        boxShadow: !disabled && option === 'get_model' ?
+                        boxShadow: !disabled && option === 'get_file' ?
                             'inset 0px 0px 9px 4px #096dd9' : undefined
                     } },
-                    React__default.createElement(ArrowUpSquare$1, null),
-                    "CAD"),
-            (host !== 'web' || option === 'get_local') &&
-                React__default.createElement("button", { type: 'button', disabled: disabled, onClick: function () { return setOption('get_local'); }, style: {
+                    React__default.createElement(FileEarmarkArrowUp$1, null),
+                    "Upload"),
+                React__default.createElement("button", { type: 'button', disabled: disabled, onClick: function () { return setOption('get_cloud'); }, style: {
                         display: 'flex',
-                        boxShadow: !disabled && option === 'get_local' ?
+                        boxShadow: !disabled && option === 'get_cloud' ?
                             'inset 0px 0px 9px 4px #096dd9' : undefined
                     } },
-                    React__default.createElement(Laptop$1, null),
-                    "Local")),
+                    React__default.createElement(CloudPlus$1, null),
+                    "Cloud"),
+                (host !== 'web' || option === 'get_model') &&
+                    React__default.createElement("button", { type: 'button', disabled: disabled, onClick: function () { return setOption('get_model'); }, style: {
+                            display: 'flex',
+                            boxShadow: !disabled && option === 'get_model' ?
+                                'inset 0px 0px 9px 4px #096dd9' : undefined
+                        } },
+                        React__default.createElement(ArrowUpSquare$1, null),
+                        "CAD"),
+                (host !== 'web' || option === 'get_local') &&
+                    React__default.createElement("button", { type: 'button', disabled: disabled, onClick: function () { return setOption('get_local'); }, style: {
+                            display: 'flex',
+                            boxShadow: !disabled && option === 'get_local' ?
+                                'inset 0px 0px 9px 4px #096dd9' : undefined
+                        } },
+                        React__default.createElement(Laptop$1, null),
+                        "Local")),
         (function () {
             switch (option) {
                 case 'get_file':
@@ -40730,7 +40741,7 @@ var ComboFileSelector = function (_a) {
                 case 'get_model':
                     return (React__default.createElement(GetModel, { onChange: onChange, inputProps: inputProps, showHelpText: false }));
                 case 'get_cloud':
-                    return (React__default.createElement(SelectCloudArtifacts, { projectOwner: projectOwner, projectName: projectName, defaultValue: defaultValue, fileNameMatch: typeof inputProps.accept === 'string' ?
+                    return (React__default.createElement(SelectCloudArtifacts, { projectOwner: projectOwner, projectName: projectName, defaultValue: defaultValue, hidden: hidden, fileNameMatch: typeof inputProps.accept === 'string' ?
                             ".*(".concat(inputProps.accept.replace(/\./g, '').split(', ').join('$|'), "$)") : undefined, onChange: onChange, client: client }));
                 case 'get_local':
                     return (React__default.createElement(SelectLocalArtifactNative, { onChange: handleLocalArtifactSelect, buttonLabel: "Select ".concat(inputProps.accept.split(',').length > 1 ?
@@ -43911,6 +43922,9 @@ var RecipeInputsForm = function (_a) {
                         } }, g.map(function (input, i) {
                         var _a;
                         var hidden = controlledValues && controlledValues[input.name] ? controlledValues[input.name].hidden : false;
+                        // if (hidden) {
+                        //   console.log(input)
+                        // }
                         var defaultValue = controlledValues && controlledValues[input.name] ? controlledValues[input.name].value : input.default;
                         var inputProps = __assign({}, register(input.name, {
                             valueAsNumber: ['DAGIntegerInput', 'DAGNumberInput'].includes(input.type)
@@ -43928,7 +43942,7 @@ var RecipeInputsForm = function (_a) {
                                             var _b = _a.field; _b.value; var onChange = _b.onChange, field = __rest(_b, ["value", "onChange"]);
                                             return (React__default.createElement(ComboFileSelector, { projectOwner: projectOwner, projectName: projectName, defaultOption: input.extensions &&
                                                     input.extensions.includes('hbjson') &&
-                                                    host !== 'web' ? 'get_model' : 'get_cloud', defaultValue: defaultValue, onChange: onChange, client: client, inputProps: __assign(__assign({}, field), { accept: input.extensions.map(function (e) { return ".".concat(e); }).join(', ') }) }));
+                                                    host !== 'web' ? 'get_model' : 'get_cloud', defaultValue: defaultValue, onChange: onChange, client: client, inputProps: __assign(__assign({}, field), { accept: input.extensions.map(function (e) { return ".".concat(e); }).join(', ') }), hidden: hidden }));
                                         } });
                                 case 'DAGStringInput':
                                     return typeof ((_a = input.spec) === null || _a === void 0 ? void 0 : _a.enum) !== 'undefined' ?
@@ -43940,13 +43954,13 @@ var RecipeInputsForm = function (_a) {
                                                 var onChange = _a.field.onChange;
                                                 return (React__default.createElement(RadioList, { items: input.spec.enum, name: input.name, defaultValue: defaultValue, onChange: onChange }));
                                             } }) :
-                                        React__default.createElement(TextInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: defaultValue }), reset: handleReset });
+                                        React__default.createElement(TextInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: defaultValue }), hidden: hidden, reset: handleReset });
                                 case 'DAGNumberInput':
-                                    return React__default.createElement(NumberInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: defaultValue, min: input.spec && input.spec.minimum, max: input.spec && input.spec.maximum, step: 0.1 }), reset: handleReset });
+                                    return (React__default.createElement(NumberInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: defaultValue, min: input.spec && input.spec.minimum, max: input.spec && input.spec.maximum, step: 0.1 }), hidden: hidden, reset: handleReset }));
                                 case 'DAGIntegerInput':
-                                    return React__default.createElement(NumberInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: defaultValue, min: input.spec && input.spec.minimum, max: input.spec && input.spec.maximum }), reset: handleReset });
+                                    return React__default.createElement(NumberInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: defaultValue, min: input.spec && input.spec.minimum, max: input.spec && input.spec.maximum }), hidden: hidden, reset: handleReset });
                                 default:
-                                    return React__default.createElement(TextInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: defaultValue }), reset: handleReset });
+                                    return React__default.createElement(TextInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: defaultValue }), hidden: hidden, reset: handleReset });
                             }
                         })()));
                     })));