VolumetricViewer - Buttons Toolbar & mark undo() + delete()

[kieftrav]

Please request review from @zooniverse/frontend team or an individual member of that team.

Package

• lib-classifer
• lib-subject-viewer

Describe your changes

• Finish integrating mark.undo() and mark.delete() for VolumetricViewer
• Fix accessibility issues with VolumetricViewer as seen is Storybook
• Update tests to include mark.undo() and mark.delete()

How to Review

• All specs should pass
• Subject Viewers Storybook: Subject Viewers > VolumetricViewer
  • There should no longer be any accessibility issues
• Classifier Storybook: Tasks > Volumetric
  • Load Staging VV Project in local Classifier and ensure that clicking on the cube / plane creates an annotation and the TaskArea tool updates to {n} drawn.
  • Test that clicking "undo" removes the last added points to the mark
  • Test that clicking "delete" removes the mark from the TaskArea
  • Submit classification and inspect that the classification has annotation data. Deleted marks will show as having no data in their points but will still exist

** Note: Design review will be requested in the next PR, which will incorporate all of Sean's current feedback. Specific items I'd like to call out are:

• Undo/Delete button styling in the Volumetric View
• Clicking "collapse/expand" to collapse+expand
• Removing the Toolbar (whether a new layout or some other method to be discussed) and moving the FieldGuide

Checklist

PR Creator - Please cater the checklist to fit the review needed for your code changes.
PR Reviewer - Use the checklist during your review. Each point should be checkmarked or discussed before PR approval.

General

• Tests are passing locally and on Github
• Documentation is up to date and changelog has been updated if appropriate
• You can yarn panic && yarn bootstrap or docker-compose up --build and FEM works as expected
• FEM works in all major desktop browsers: Firefox, Chrome, Edge, Safari (Use Browserstack account as needed)
• FEM works in a mobile browser

General UX

Example Staging Project: i-fancy-cats

• All pages of a FEM project load: Home Page, Classify Page, and About Pages
• Can submit a classification
• Can sign-in and sign-out
• The component is accessible
  • Can be used with a screen reader BBC guide to VoiceOver
  • Can be used from the keyboard WebAIM guide to keyboard testing
  • It is passing accessibility checks in the storybook

[coveralls]

coverage: 75.5% (+1.4%) from 74.088%
when pulling 5d4d126 on vv-buttons
into 5a0fd17 on master.