feat: new CSV upload form and API

[dpgaspar]

SUMMARY

Continuing the work on deprecating/removing server side rendered pages, this adds a new React/Antd Form and backend API for CSV uploads.

maintains all the current functionality and adds the following benefits:
Backend:

• better backend parameter validation.
• Aligned API with api/v1 and command pattern.
• Improved error handling.

Frontend:

• Better looking ;)
• schemas is a drop down related with the databases dropdown
• Will initially try to infer the CSV header and load the recognised columns.

• Columns to read is a multi select dropdown (source from the loaded CSV header)
• Columns as dates is as multi select dropdown (source from the loaded CSV header)
• Column index is dropdown (source from the loaded CSV header)
• Null values is a multi select dropdown pre populated
• delimiter is now a dropdown

Screen.Recording.2024-04-12.at.17.28.21.mov

Still todo on this PR:

• Deprecate or remove the old view?
• migrate the old view permission (depends on the previous item)
• Remove the old view from the menu
• After we settle on the UI add more frontend tests

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before:

After

TESTING INSTRUCTIONS

ADDITIONAL INFORMATION

• Has associated issue:
• Required feature flags:
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

[dpgaspar]

/testenv up

[github-actions]

@dpgaspar Ephemeral environment spinning up at http://52.24.73.183:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

[michael-s-molina]

2 - Totally agree, I think that the correct design should be imposed at the component level, then we can remove most of the custom styles.ts. So, I don't think that doing more style tweaking on this PR makes sense

Agreed @dpgaspar. We can definitely do a separate PR just to make all these modals look the same and use the same component.

[michael-s-molina]

Agreed @dpgaspar. We can definitely do a separate PR just to make all these modals look the same and use the same component.

@dpgaspar Assuming this 👆🏼, I think the only design changes left would be to fix the spacing between inputs

and make the tooltip icons vertically aligned.

[dpgaspar]

Agreed @dpgaspar. We can definitely do a separate PR just to make all these modals look the same and use the same component.

@dpgaspar Assuming this 👆🏼, I think the only design changes left would be to fix the spacing between inputs

and make the tooltip icons vertically aligned.

ok, done!

[eschutho]

/testenv up

[github-actions]

@eschutho Ephemeral environment spinning up at http://34.216.119.147:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

[eschutho]

LGTM, thanks @dpgaspar!

[michael-s-molina]

Thank you for all the work @dpgaspar and for addressing the comments! This is a great improvement to the project 👏🏼

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.