Data import settings page's 4th pane for Match Profiles: Header action for Delete

Purpose: To define the actions of the Data import settings Match profile 4th pane Header Actions. This story adds the Delete functionality. The Duplicate functionality is handled in UIDATIMP-142, and the Edit functionality is handled in UIDATIMP-143 and UIDATIMP-182

As a staff person
I want to be able to delete individual match profiles via the options shown in the 4th pane header
So that I can remove unneeded or obsolete match 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

NOTE: 4th pane header showing the caret next to the Match profile name and the edit pencil was created in UIDATIMP-140

Scenarios

1. Scenario 1
   • Given the Data Import Settings/Match profile 4th pane, showing the details of an individual match profile
   • When a User clicks the down caret next to the name of the Match profile in the header
   • They should see three options in the caret menu (see 42a-Settings Match profile detail caret options.png)
     • Edit, preceded by the pencil icon
     • Duplicate, preceded by the duplicate (2 boxes) icon
     • Delete, preceded by the trashcan icon (even though the mockup doesn't show the trash can)
2. Scenario 2
   • Given the action caret in the header of the Data Import Settings/Match profile 4th pane
   • When the user clicks the "Delete" option
   • Then a confirmation modal should appear, formatted as shown in 07-Settings Delete file extension modal.png
     • Except with the following text:
     • Header: Delete [Match profile name] match profile?
     • Body: Delete match profile?
     • Standard Cancel/Delete buttons, with Delete defaulted
3. Scenario 3
   • Given the delete confirmation modal
   • When a user clicks Cancel
   • Then close the delete confirmation modal without deleting the match profile
4. Scenario 4
   • Given the delete confirmation modal
   • When a user clicks Delete match profile and the match profile is not connected to any Job profile
   • Then delete the match profile
   • And remove the match profile from the list of match profiles
   • And return the user to the list (3rd pane) of match profiles, without the one that was just deleted
   • And display a standard green success toast with the wording: The match profile [match profile] was successfully deleted
5. Scenario 5
   • Given the delete confirmation modal
   • When a user clicks Delete match profile and the match profile is connected to any Job profile (that is, you see any linked job profiles at the bottom of the detail screen)
   • Then display an exception modal formatted as follows (similar to the attached Delete Not Allowed.png)
     • Header: Cannot delete Match profile
     • Text: This match profile cannot be deleted, as it is in use by one or more job profiles.
     • Button: Close
   • And return the user to the match profile detail view
6. Scenario 6
   • When a user clicks Delete match profile
   • And there's an error (e.g. backend communication error, match profile not deleted)
   • Then display a standard red error toast with the wording: The match profile [match profile] was not deleted similar to the attached Communication error toast.PNG
     • (Note: See the error version of styling here: https://ux.folio.org/storybook/?selectedKind=Callout&selectedStory=Basic%20Usage&full=0&addons=1&stories=1&panelRight=0&addonPanel=REACT_STORYBOOK%2Freadme%2Fpanel)
   • And return the user to the match profile detail view, so that the user can try to delete it again
7. Scenario 7
   • Ensure automated testing coverage for this new code is 80% plus and confirm with screenshot

NOTES:

• When the match profile is deleted (at least from the UI perspective), still keep track of it, so that it can still be seen in the logs and associated with previous jobs/files that it was used for. Maybe consider an inactive flag/soft delete instead of deletion. We just don't want them to show in the UI list of match profiles any more.