fix: disable Generate button when required fields are not filled

Author: mykh-hailo

packages/ui/src/views/docstore/DocStoreInputHandler.jsx

@@ -41,7 +41,20 @@ const DocStoreInputHandler = ({ inputParam, data, disabled = false, onNodeDataCh
 
     const handleDataChange = ({ inputParam, newValue }) => {
         data.inputs[inputParam.name] = newValue
-        const allowedShowHideInputTypes = ['boolean', 'asyncOptions', 'asyncMultiOptions', 'options', 'multiOptions']
+        const allowedShowHideInputTypes = [
+            'boolean',
+            'asyncOptions',
+            'asyncMultiOptions',
+            'options',
+            'multiOptions',
+            'string',
+            'password',
+            'number',
+            'code',
+            'json',
+            'datagrid',
+            'array'
+        ]
         if (allowedShowHideInputTypes.includes(inputParam.type) && nodeDataChangeHandler) {
             nodeDataChangeHandler({ nodeId: data.id, inputParam, newValue })
         }
@@ -157,7 +170,7 @@ const DocStoreInputHandler = ({ inputParam, data, disabled = false, onNodeDataCh
                             <File
                                 disabled={disabled}
                                 fileType={inputParam.fileType || '*'}
-                                onChange={(newValue) => (data.inputs[inputParam.name] = newValue)}
+                                onChange={(newValue) => handleDataChange({ inputParam, newValue })}
                                 value={data.inputs[inputParam.name] ?? inputParam.default ?? 'Choose a file to upload'}
                             />
                         )}
@@ -174,7 +187,7 @@ const DocStoreInputHandler = ({ inputParam, data, disabled = false, onNodeDataCh
                                 columns={inputParam.datagrid}
                                 hideFooter={true}
                                 rows={data.inputs[inputParam.name] ?? JSON.stringify(inputParam.default) ?? []}
-                                onChange={(newValue) => (data.inputs[inputParam.name] = newValue)}
+                                onChange={(newValue) => handleDataChange({ inputParam, newValue })}
                             />
                         )}
                         {inputParam.type === 'code' && (
@@ -199,15 +212,15 @@ const DocStoreInputHandler = ({ inputParam, data, disabled = false, onNodeDataCh
                                 key={data.inputs[inputParam.name]}
                                 disabled={disabled}
                                 inputParam={inputParam}
-                                onChange={(newValue) => (data.inputs[inputParam.name] = newValue)}
+                                onChange={(newValue) => handleDataChange({ inputParam, newValue })}
                                 value={data.inputs[inputParam.name] ?? inputParam.default ?? ''}
                                 nodeId={data.id}
                             />
                         )}
                         {inputParam.type === 'json' && (
                             <JsonEditorInput
                                 disabled={disabled}
-                                onChange={(newValue) => (data.inputs[inputParam.name] = newValue)}
+                                onChange={(newValue) => handleDataChange({ inputParam, newValue })}
                                 value={data.inputs[inputParam.name] ?? inputParam.default ?? ''}
                                 isDarkMode={customization.isDarkMode}
                             />