Add GUI support to DataFileNew

[ashmaroli]

• add GUI to DataFileNew
• update spec file for view
• lock GUI support to just YAML and JSON files
  • Either listen to InputPath value and disable createButton,
  • or add a form component to select the file extension.
• update documentation

[mertkahyaoglu]

There is one issue I encountered. When you change a field type in the gui mode, for example making it list, Create button is disabled. I think we should pass || fieldChanged to create button's active prop.

[mertkahyaoglu]

What about fieldChanged? Save action won't be dispatched if users directly edit in the gui mode.

[ashmaroli]

Its an interface for Create. Enter the path in InputPath and viola!

[mertkahyaoglu]

Once you fix the below bug, you will face this one 😬

[mertkahyaoglu]

Create button is active but clicking it won't create anything.

[ashmaroli]

we're not sending a data object to the put action via the GUI, so this shouldn't matter..

[mertkahyaoglu]

But I can't create the datafile 😄 I'm copy-pasting steps below;

1. Click New Data File
2. Switch to GUI mode.
3. Enter filename as test
4. Select extension
5. Change first field type to list
6. Add some array items.
7. Try to Create datafile.
8. Nothing happens.

[ashmaroli]

forgive my nearsightedness, Master.. 🙏
pushed a patch..

[ashmaroli]

I think we should pass || fieldChanged to create button's active prop.

No, that was intentional.. The Create button will be activated only if the path has been entered..

[mertkahyaoglu]

Could you try the following steps;

1. Click New Data File
2. Switch to GUI mode.
3. Enter filename as test
4. Select extension
5. Change first field type to list
6. Expect Create button to be disabled.

[ashmaroli]

Uh-oh.. didn't expect that bug..
Thanks.. will update 👍

[ashmaroli]

I've made a minor change in the save button behavior: It'll get disabled when the GUI input value for the file's basename becomes nil.This is required because the GUI for this view would otherwise send a request with filename: .yml thereby bypassing the Errors component

[mertkahyaoglu]

Awesome 👍 Thanks @ashmaroli .