File Field: UI Cancel/Remove (keystonejs#77)

* update to FlexGroup allows text-overflow on children
* comprehensive change states for file fields
* lint/prettier -- ignore public directory in test-project

.eslintignore

@@ -3,3 +3,4 @@ coverage
 dist
 flow-typed
 reports
+packages/test-project/public

.prettierignore

@@ -2,3 +2,4 @@ package.json
 packages/icons/icons/*
 reports
 coverage
+packages/test-project/public

cypress/integration/update-user-attachment_spec.js

@@ -17,7 +17,7 @@ describe('Adding a file', function() {
         cy.writeFile('cypress/fixtures/upload.txt', fileContent);
         cy.upload_file('input[name=attachment][type=file]', 'upload.txt');
         cy.get('button[type="submit"]').click();
-        cy.get('a[href$="upload.txt"]');
+        cy.contains('-upload.txt');
         return cy
           .graphql_query(
             `
@@ -33,7 +33,9 @@ describe('Adding a file', function() {
           )
           .then(({ User: { attachment } }) => {
             // Assert the URL is visible in the admin UI
-            cy.get(`a[href$="${attachment.publicUrl}"]`).should('be.visible');
+            cy
+              .contains(`${attachment.publicUrl.split('/')[3]}`)
+              .should('be.visible');
 
             // Assert the file contents are what we uploaded
             cy

packages/fields/package.json

@@ -10,9 +10,10 @@
   "dependencies": {
     "@keystonejs/ui": "^5.0.0",
     "@keystonejs/utils": "^1.0.0",
+    "@keystonejs/icons": "^1.0.0",
     "apollo-upload-server": "^5.0.0",
     "graphql-tag": "^2.8.0",
     "mongoose": "^5.0.14",
     "react-apollo": "^2.1.3"
   }
-}
+}