Create data import settings page's 3rd pane for File Extensions

Purpose: To be able to create 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 and store 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.

Notes:

• This story is only for creating the file extension pane on the settings screen. There will be additional stories for creating the edit screen for extensions and creating some default extensions that should be loaded into a tenant.
• Per Viktor Soroka, this story affects front-end only. There are no back-end implications.

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
   • When a User clicks the File extensions setting in the second pane
   • Then the File extension option in the second pane should turn grey with white text and
   • A third pane should open, displaying a list of the existing file extension settings
   • As shown in attachment 04-Settings File extensions.png
2. Scenario 2
   • Given the File extensions third pane
   • When displaying the pane
   • Then the format of the pane should be as follows, as shown in attachment 04-Settings File extensions.png
     • Header: File extensions followed by a down caret [No caret yet, per Viktor Soroka. Will be covered by UIDATIMP-55.
     • Subheader: # file extensions, where # is the number of file extensions in the results list
     • + New button on right side of header [No action for now - action is covered by future story UIDATIMP-56]
     • Top of results list: search box with ghost text: Filter file extensions [No action for now - action is covered by future story]
     • Results list column headers
       • NO check box [even though it is shown in the wireframe]
       • Extension
       • Data type(s)
       • Block import (not shown on current wireframe - will either be Allow import/Block import for the data)
       • Updated
       • Updated by
     • Results list data elements per row (alternating rows in white and grey)
       • File extension value (starting with the period). All values are explicit. No wildcards allowed.
       • Data type(s): any of Delimited, EDIFACT, and/or MARC (as selected on the details screen for the file extension record). If multiple values, put them in alphabetical order, separated by a comma and a space. If Block Import is selected, then this field should have a hyphen, to indicate null.
       • Block import:
         • If Block import is selected, then the column value should be Block import
         • If Block import is not selected, then the column value should be Allow import
       • Updated:* edit pencil icon* followed by most recent update date in locale's format
       • Updated by:
         • If last updated by a user, then user icon followed by user name in Firstname Lastname format followed by system username in parentheses.
         • If last updated/supplied by the system, then the user icon followed by System
     • Default sort order should be alphabetical A-Z by file extension
     • User should be able to sort and reverse sort by clicking on any of the column headers
     • Per Viktor Soroka, need to investigate infinite scroll