Migrate trigger form params to new UI

[jscheffl]

After @shubhamraj-git has added the trigger form to the new React UI, this PR now adds the flexible trigger form - Based on the logic of the former AIP-50 implementation - using DAG ParamsDict to render form fields based on field definitions.

Note that the form rendering was made as a component by intent as it will be re-used in Connection Forms in future to render connection extra fields.

To test the form rendering the following DAGs might be good candidates:

• example_bash_decorator - has no params so should not display a specific form
  

• example_bash_operator - has one basic parameter w/o any special thing. Simple as it can be
  

• example_params_trigger_ui - has 4 parameters, still basic
  
  ... and with advanced section un-folded:
  

• example_params_ui_tutorial - this is the most complex beast as it has all features as a demo that shall be supported.
  
  
  ...and the lower section un-folded:
  

Scope of the PR is the UI layout and logic to render. What is missing and will be a follow-up PR is the binding and sync of the form field content with the JSON dict that is used to trigger the DAG in the "Advanced Options" section.

[shubhamraj-git]

Thanks @jscheffl for working on this.
Had the first look. Looks great. The base is almost ready.

As mentioned in TODO, we will support the accordion and not flat.

Some points which i noticed, just writing it down incase we don't miss.

1. There is no live changes to conf json onBlur
2. Should have a validation for integer inputs.
3. Dropdown not working for select values
4. we should have a time picker.
5. Length check not working
   6. JSON inputs should have a code view? (Just a opinion)
6. List should have multi lines

Overall this is going in right direction.

Should we have inbuilt scroll for the dynamic form? since the modal seems very long.

EDIT: Just saw a todo for point 6 (json code view) and most of the above issues as todo.

[jscheffl]

Thanks @jscheffl for working on this. Had the first look. Looks great. The base is almost ready.

As mentioned in TODO, we will support the accordion and not flat.

Some points which i noticed, just writing it down incase we don't miss.

1. There is no live changes to conf json onBlur
2. Should have a validation for integer inputs.
3. Dropdown not working for select values
4. we should have a time picker.
5. Length check not working
   ~6. JSON inputs should have a code view? (Just a opinion)~
6. List should have multi lines

Overall this is going in right direction.

Should we have inbuilt scroll for the dynamic form? since the modal seems very long.

EDIT: Just saw a todo for point 6 (json code view) and most of the above issues as todo.

(1) I recommend to make into a separate PR - as also discussed 1:1
(2,3,5,6) fixed.
(4) would need a component fix in react for Chrome... and a workaround for Firefox. Firfox time picking is "just broken" - would make this to a separate PR as well.

So... for the Layout part I'd say... ready for review!

[shubhamraj-git]

Thanks @jscheffl ! Overall it looks good. Just few comments.
When clicking on trigger run, the modal pops up with all the options at front.
Should we consider them in a accordion and if needed user can view?
Apart from it, had some general comments, which is similar for all files.

[shubhamraj-git]

Should we check the type of param.value or it will be for sure string?
If No, we should consider using typeof param.value === "string" ? param.value : "";

[jscheffl]

Added a bit of safety net in all default parameters taking this from param.value - can you take a look again?