Data import settings page's 3rd pane for File Extensions: +New Action

Purpose: To be able to create new settings for handling various types of file extensions. This setting will allow a user to indicate whether an extension represents a particular type of file or files, and whether a file type should be excluded from data import.

As a staff person
I want to be able to create settings related to acceptable and unacceptable file extensions for the Data Import app
So that I don't accidentally try to load invalid files or apply improper profiles.

Live prototype:
https://xd.adobe.com/view/0bb2d8ab-aabd-4ff6-4d5a-faa59a93368e-7d83/

Brief video walk-through
https://www.dropbox.com/s/3slcv4v49qm92rv/2018-11-06-data-import-19.mp4?dl=0 (see 4:10-5:10 in the video)

Scenarios

1. Scenario 1
   • Given the Data Import Settings File extensions
   • When a User clicks the +New button in the third pane
   • Then the New file extension screen should open, as shown in the attached 06b-Settings file extensions New file extension.png
2. Scenario 2
   • Given the New file extensions screen
   • When a User views the screen with no edits
   • Then it should appear as shown in the attached 06b-Settings file extensions New file extension.png
     • Header: New file extension mapping
     • "Create file extension" button at the top right of the header, which is white until data has been filled in, then turns to blue once the screen is dirty (has some data in it) [Note: mockup just says Create, but it should say Create file extension]
     • Top of detail record: New file extension mapping
     • Description: free text field, no length restriction
     • File extension: required field (asterisk next to the field name), should always start with a period
     • Block import section, with a "Block import" checkbox
     • Data type(s) section, which is required (has a star next to the field label), and uses the multi-select component, with these options: Delimited, EDIFACT, and/or MARC). A user must select one or more data types.
3. Scenario 3
   • Note: A user should not be allowed to check "Block import" AND Enter Data types. They should only be allowed to do one or the other.
   • Given the New file extensions screen
   • When a User checks "Block Import"
   • Then
     • Make the data types not required (remove the star)
     • and disable the multi-select list, so that the user cannot select a data type
     • and delete any data types that may have been selected
4. Scenario 4
   • Given the New file extensions screen
   • When "Block Import" is checked and a User unchecks "Block Import"
   • Then
     • Make the data types required (show the star)
     • and enable the multi-select list, so that the User can select one or more data types
5. Scenario 5
   • Given the New file extensions screen
   • If a User has not filled in all required fields and presses the "Create" button
   • Then
     • The record should not be saved
     • And the missing required data element(s) should be outlined in red, with the cursor in the data entry box for the first missing required element, along with the standard warning message, as shown in the attached Missing Required Data.PNG
6. Scenario 6
   • Given the New file extensions screen
   • If a User has filled in any data on the screen and begins to navigate away from it without creating/saving it
   • Then the user should see the standard modal asking whether they want to continue or not, as shown in the attached Unsaved changes modal.PNG