Feat bulk actions UI updates

[cshepherd]

Impact: minor
Type: bugfix

Issue

This includes the following UI fixes for Bulk Actions:

• Navigational dead end when no products match the uploaded CSVs: Instead the UI is reset and a red (error) InlineAlert is shown saying that no products were found.
• Proper spacing (16px) between filename chips
• If CSV contains some (but not all) product ids that weren't matched, a red (error) InlineAlert is shown after the green one with the count of products not found.
• All filtered products are automatically selected

Breaking changes

n/a

Testing

Verify the above are properly implemented and styled

[mikemurray]

If I filter by a file with no results sometimes I get this error

Invariant Violation: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
    at invariant (http://localhost:3000/packages/modules.js?hash=897806c6e7bfb4e7a703b564805f4bd2ce64eb7a:199059:15)
    at scheduleWork (http://localhost:3000/packages/modules.js?hash=897806c6e7bfb4e7a703b564805f4bd2ce64eb7a:218920:5)
    at Object.enqueueSetState (http://localhost:3000/packages/modules.js?hash=897806c6e7bfb4e7a703b564805f4bd2ce64eb7a:210173:5)
    at StyledComponent.Component.setState (http://localhost:3000/packages/modules.js?hash=897806c6e7bfb4e7a703b564805f4bd2ce64eb7a:86246:16)
    at StyledComponent.componentWillReceiveProps (http://localhost:3000/packages/modules.js?hash=897806c6e7bfb4e7a703b564805f4bd2ce64eb7a:303309:10)
    at callComponentWillReceiveProps (http://localhost:3000/packages/modules.js?hash=897806c6e7bfb4e7a703b564805f4bd2ce64eb7a:210445:14)
    at updateClassInstance (http://localhost:3000/packages/modules.js?hash=897806c6e7bfb4e7a703b564805f4bd2ce64eb7a:210655:7)
    at updateClassComponent (http://localhost:3000/packages/modules.js?hash=897806c6e7bfb4e7a703b564805f4bd2ce64eb7a:213698:20)
    at beginWork (http://localhost:3000/packages/modules.js?hash=897806c6e7bfb4e7a703b564805f4bd2ce64eb7a:214648:16)
    at performUnitOfWork (http://localhost:3000/packages/modules.js?hash=897806c6e7bfb4e7a703b564805f4bd2ce64eb7a:218316:12)

Other times I get 2 selected when filtering by a file, but there doesn't seem to be any selected products.

[machikoyasuda]

@willopez you can review + merge this! :D

[willopez]

Just one minor issue. My prouducts.csv contains three product ids, 1 is an actual product and the other two are just made up. The text in the alert is incorrect, it should say 2 products were not found.

Also,

Seeing this console error:

Warning: Material-UI: the key `leftChip` provided to the classes property is not implemented in ProductGridItems.
You can only override one of the following: isVisible,isHidden.

[willopez]

LGTM