Auto add suggested field names for csv import vGHC for OSD

[DariaNico]

PR to address issue #536 for Open Source Day hackathon/vGHC

config.pairs is not populated when setting columnKey, thus _find function always returns undefined, meaning columnKey is always set to null. This fix intentionally makes a pair array with tableColumns, thus allowing _find' to work, thus allowing columnKey` to be set.

[DariaNico]

Screen.Recording.2021-10-01.at.6.21.50.PM.mov

[notsidney]

Hi @DariaNico, thanks for your contribution! I noticed that this solution doesn’t let you continue to step 2, and doesn’t end up writing the column pairs to the config.

columnKey tells MultiSelect which column the user has selected. Because this was derived from whatever matches in tableColumns, the user couldn’t change which column was selected. The handleChange function writes the user’s selection in config.pairs, so columnKey must be derived from this.

Suggesting the column match is better suited right after the user states they want to import a CSV column, so I moved the logic there (lines 108–119)

You can review the fix in this commit: 796f4f1