pollination-react-io 1.63.2 → 1.64.0

package/build/index.js

@@ -15119,16 +15119,16 @@ var css_248z$i = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --
 styleInject(css_248z$i);
 
 var FileInput = function (_a) {
-    var disabled = _a.disabled, onChange = _a.onChange, _b = _a.accept, accept = _b === void 0 ? ['.hbjson'] : _b, inputProps = _a.inputProps;
+    var disabled = _a.disabled, onChange = _a.onChange, _b = _a.accept, accept = _b === void 0 ? undefined : _b, inputProps = _a.inputProps;
     var onDrop = React.useCallback(function (acceptedFiles) {
         var file = acceptedFiles[0];
         onChange && onChange(file);
     }, [onChange]);
     var _c = useDropzone({
         onDrop: onDrop,
-        accept: {
-            'multipart/form-data': accept !== null && accept !== void 0 ? accept : ['.hbjson'],
-        },
+        accept: accept ? {
+            'multipart/form-data': accept,
+        } : undefined,
         disabled: disabled,
     }), acceptedFiles = _c.acceptedFiles, getRootProps = _c.getRootProps, getInputProps = _c.getInputProps; _c.isDragActive; _c.inputRef; _c.rootRef;
     var formatDescription = React.useCallback(function () {
@@ -15170,7 +15170,7 @@ var FileInput = function (_a) {
                                 if (i === 0)
                                     return "".concat(c, " ");
                                 return i === a.length - 1 ? "".concat(p, " or ").concat(c, " ") : "".concat(p, ", ").concat(c);
-                            }, '') : '.hbjson ')))),
+                            }, '') : '.* ')))),
         React__default["default"].createElement("label", { htmlFor: inputProps && inputProps.name ? inputProps.name : undefined, style: {
                 flex: 6,
                 justifyContent: 'center',
@@ -41276,12 +41276,13 @@ var ComboFileSelector = function (_a) {
                     return (React__default["default"].createElement(GetModel, { onChange: onChange, inputProps: inputProps, showHelpText: false }));
                 case 'get_cloud':
                     return (React__default["default"].createElement(SelectCloudArtifacts, { projectOwner: projectOwner, projectName: projectName, value: value, hidden: hidden, fileNameMatch: typeof inputProps.accept === 'string' ?
-                            ".*(".concat(inputProps.accept.replace(/\./g, '').split(', ').join('$|'), "$)") : undefined, onChange: onChange, client: client }));
+                            ".*(".concat(inputProps.accept.replace(/\./g, '').split(', ').join('$|'), "$)") : '.*', onChange: onChange, client: client }));
                 case 'get_local':
                     return (React__default["default"].createElement(SelectLocalArtifactNative, { onChange: handleLocalArtifactSelect, buttonLabel: "Select ".concat(inputProps.accept.split(',').length > 1 ?
                             'any of' : 'an', " ").concat(inputProps.accept, " ").concat(inputProps.accept.split(',').length > 1 ? 'file types' : 'file', "."), fileMatchPattern: "File types ".concat(inputProps.accept, "|*").concat(inputProps.accept.split(', ').join(';*')) }));
                 default:
-                    return (React__default["default"].createElement(FileInput, { onChange: onChange, inputProps: inputProps, accept: typeof inputProps.accept === 'string' ? inputProps.accept.split(', ') : undefined }));
+                    return (React__default["default"].createElement(FileInput, { onChange: onChange, inputProps: inputProps, accept: typeof inputProps.accept === 'string' ?
+                            inputProps.accept.split(', ') : undefined }));
             }
         })()));
 };
@@ -44694,6 +44695,8 @@ var RecipeForm = function (_a) {
         if (!recipe)
             return;
         var data = recipe.inputs.map(function (i) {
+            var _a;
+            var customTab = (_a = i === null || i === void 0 ? void 0 : i.annotations['group_identifier']) !== null && _a !== void 0 ? _a : undefined;
             return {
                 type: InputType[i.type],
                 required: i.required,
@@ -44702,12 +44705,26 @@ var RecipeForm = function (_a) {
                 spec: i.spec,
                 description: i.description,
                 extensions: i.hasOwnProperty('extensions') ?
-                    i['extensions'] : []
+                    i['extensions'] : [],
+                customTab: customTab
             };
         });
         return data;
     }, [recipe]);
     var schema = generateSchema(inputs);
+    var customTabs = React.useMemo(function () {
+        if (!inputs)
+            return;
+        return inputs
+            .filter(function (i) { return i.customTab; })
+            .map(function (i) { return i.customTab; })
+            .filter(function (value, index, array) { return array.indexOf(value) === index; });
+    }, [inputs]);
+    var hasCustomTabs = React.useMemo(function () {
+        if (!customTabs)
+            return;
+        return customTabs.length > 0;
+    }, [customTabs]);
     /**
      * Hooks
      */
@@ -44768,14 +44785,15 @@ var RecipeForm = function (_a) {
                     : React__default["default"].createElement(TextInput, { key: i.name, inputProps: __assign(__assign({}, register(i.name)), { defaultValue: i.default }), reset: function () { return handleReset(i); } });
             case InputType.DAGFileInput:
                 return React__default["default"].createElement(Controller, { name: i.name, control: control, defaultValue: i.default, render: function (_a) {
-                        var _b = _a.field, value = _b.value, onChange = _b.onChange, field = __rest(_b, ["value", "onChange"]);
+                        var _b, _c, _d;
+                        var _e = _a.field, value = _e.value, onChange = _e.onChange, field = __rest(_e, ["value", "onChange"]);
                         return React__default["default"].createElement(ComboFileSelector, { projectOwner: projectOwner, projectName: projectName, defaultOption: i.extensions &&
-                                i.extensions.includes('hbjson') &&
+                                ((_b = i.extensions) === null || _b === void 0 ? void 0 : _b.includes('hbjson')) &&
                                 host !== 'web' ? 'get_model' : 'get_cloud', optionsConfig: {
-                                get_model: i.extensions.includes('hbjson') && host !== 'web',
+                                get_model: ((_c = i.extensions) === null || _c === void 0 ? void 0 : _c.includes('hbjson')) && host !== 'web',
                                 get_local: host !== 'web',
                                 get_file: host === 'web'
-                            }, value: value, onChange: onChange, inputProps: __assign(__assign({}, field), { accept: i.extensions.map(function (e) { return ".".concat(e); }).join(', ') }), client: client });
+                            }, value: value, onChange: onChange, inputProps: __assign(__assign({}, field), { accept: i.extensions && ((_d = i.extensions) === null || _d === void 0 ? void 0 : _d.map(function (e) { return ".".concat(e); }).join(', ')) }), client: client });
                     } });
             // Others...
             default:
@@ -44807,22 +44825,40 @@ var RecipeForm = function (_a) {
                     flex: 1,
                     margin: '10px 0 0 0',
                 } },
-                React__default["default"].createElement(Tab, { key: 'required-tab' }, "Required inputs"),
-                React__default["default"].createElement(Tab, { key: 'optional-tab' }, "Optional inputs")),
-            React__default["default"].createElement(TabPanel, { key: 'required-tab' },
+                hasCustomTabs && React__default["default"].createElement(Tab, { key: 'Recipe Inputs' }, 'Recipe Inputs'),
+                hasCustomTabs && customTabs.map(function (c) { return React__default["default"].createElement(Tab, { key: c }, c); }),
+                !hasCustomTabs && React__default["default"].createElement(Tab, { key: 'required-tab' }, "Required inputs"),
+                !hasCustomTabs && React__default["default"].createElement(Tab, { key: 'optional-tab' }, "Optional inputs")),
+            !hasCustomTabs && React__default["default"].createElement(TabPanel, { key: 'required-tab' },
                 React__default["default"].createElement("div", { className: 'cards-container-recipe', style: __assign(__assign({}, style), { padding: '20px' }) },
                     React__default["default"].createElement("div", { className: 'cards-recipe' }, inputs && client && inputs.filter(function (i) { return i.required; }).map(function (i) {
                         var _a;
                         return (React__default["default"].createElement("div", { key: "div-".concat(i.name) },
                             React__default["default"].createElement(FormInput, { key: "".concat(i.name, "-").concat(i), name: i.name, description: i.description, errorMessage: errors[i.name] ? (_a = errors[i.name]) === null || _a === void 0 ? void 0 : _a.message : undefined }, formComponents(i))));
                     })))),
-            React__default["default"].createElement(TabPanel, { key: 'optional-tab' },
+            !hasCustomTabs &&
+                React__default["default"].createElement(TabPanel, { key: 'optional-tab' },
+                    React__default["default"].createElement("div", { className: 'cards-container-recipe', style: __assign(__assign({}, style), { padding: '20px' }) },
+                        React__default["default"].createElement("div", { className: 'cards-recipe' }, inputs && client && inputs.filter(function (i) { return !i.required; }).map(function (i) {
+                            var _a;
+                            return (React__default["default"].createElement("div", { key: "div-".concat(i.name) },
+                                React__default["default"].createElement(FormInput, { key: "".concat(i.name, "-").concat(i), name: i.name, description: i.description, errorMessage: errors[i.name] ? (_a = errors[i.name]) === null || _a === void 0 ? void 0 : _a.message : undefined }, formComponents(i))));
+                        })))),
+            hasCustomTabs &&
+                React__default["default"].createElement(TabPanel, { key: 'Recipe Inputs' },
+                    React__default["default"].createElement("div", { className: 'cards-container-recipe', style: __assign(__assign({}, style), { padding: '20px' }) },
+                        React__default["default"].createElement("div", { className: 'cards-recipe' }, inputs && client && inputs.filter(function (i) { return i.customTab == null; }).map(function (i) {
+                            var _a;
+                            return (React__default["default"].createElement("div", { key: "div-".concat(i.name) },
+                                React__default["default"].createElement(FormInput, { key: "".concat(i.name, "-").concat(i), name: i.name, description: i.description, errorMessage: errors[i.name] ? (_a = errors[i.name]) === null || _a === void 0 ? void 0 : _a.message : undefined }, formComponents(i))));
+                        })))),
+            hasCustomTabs && customTabs.map(function (c) { return React__default["default"].createElement(TabPanel, { key: c },
                 React__default["default"].createElement("div", { className: 'cards-container-recipe', style: __assign(__assign({}, style), { padding: '20px' }) },
-                    React__default["default"].createElement("div", { className: 'cards-recipe' }, inputs && client && inputs.filter(function (i) { return !i.required; }).map(function (i) {
+                    React__default["default"].createElement("div", { className: 'cards-recipe' }, inputs && client && inputs.filter(function (i) { return i.customTab === c; }).map(function (i) {
                         var _a;
                         return (React__default["default"].createElement("div", { key: "div-".concat(i.name) },
                             React__default["default"].createElement(FormInput, { key: "".concat(i.name, "-").concat(i), name: i.name, description: i.description, errorMessage: errors[i.name] ? (_a = errors[i.name]) === null || _a === void 0 ? void 0 : _a.message : undefined }, formComponents(i))));
-                    }))))),
+                    })))); })),
         React__default["default"].createElement("div", { style: { margin: '10px 0 0 0' } },
             host !== 'web' &&
                 React__default["default"].createElement(ConfigureLocalRun, { onChange: function (localConfig) { return setLocalConfig(localConfig); }, defaultVal: localConfig }),