feat: add dynamic outputs to Component (#4308)

* Refine condition to check for undefined value in use-handle-new-value hook

* update mutateTemplate to use APIClassType

* Refactor Component class to update inputs and validate outputs

This commit refactors the Component class in the `component.py` file. It introduces two new methods: `update_inputs` and `run_and_validate_update_outputs`. The `update_inputs` method allows for updating the build configuration with new field values, while the `run_and_validate_update_outputs` method updates the frontend node and validates the outputs. Additionally, the `_validate_frontend_node` method is added to check if all outputs are valid. The `_set_output_types` method is modified to accept a list of outputs and set their return types. Overall, these changes improve the functionality and maintainability of the Component class.

* Add dynamic output validation in API endpoint for component updates

* Update build_config to store field_value under "value" key

* Refactor: Convert dict values to list in _set_output_types call

* Add type check for `cc_instance` before calling `run_and_validate_update_outputs`

* Add DynamicOutputComponent with configurable outputs based on input

* Add test for updating component outputs with dynamic code input

* Refactor: Make get_dynamic_output_component_code asynchronous for improved performance

---------

Co-authored-by: Edwin Jose <edwin.jose@datastax.com>

src/backend/tests/data/dynamic_output_component.py

@@ -0,0 +1,41 @@
+# from langflow.field_typing import Data
+from typing import Any
+
+from langflow.custom import Component
+from langflow.io import BoolInput, MessageTextInput, Output
+from langflow.schema import Data
+
+
+class DynamicOutputComponent(Component):
+    display_name = "Dynamic Output Component"
+    description = "Use as a template to create your own component."
+    documentation: str = "http://docs.langflow.org/components/custom"
+    icon = "custom_components"
+    name = "DynamicOutputComponent"
+
+    inputs = [
+        MessageTextInput(name="input_value", display_name="Input Value", value="Hello, World!"),
+        BoolInput(name="show_output", display_name="Show Output", value=True, real_time_refresh=True),
+    ]
+
+    outputs = [
+        Output(display_name="Output", name="output", method="build_output"),
+    ]
+
+    def update_outputs(self, frontend_node: dict, field_name: str, field_value: Any):
+        if field_name == "show_output":
+            if field_value:
+                frontend_node["outputs"].append(
+                    Output(display_name="Tool Output", name="tool_output", method="build_output")
+                )
+            else:
+                # remove the output
+                frontend_node["outputs"] = [
+                    output for output in frontend_node["outputs"] if output["name"] != "tool_output"
+                ]
+        return frontend_node
+
+    def build_output(self) -> Data:
+        data = Data(value=self.input_value)
+        self.status = data
+        return data