Filter file types when uploading files from item selector

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: 7.2.X, 7.3.X, 7.4.1 CE GA2, 7.4.13 DXP GA1, Master
• Component/s: Item Selector
• Labels:
  • 7210-sp-pending
  • d_21_01
  • ee-ts
  • fc_21_02
  • fc_21_04
  • fc_21_05
  • liferay-fixpack-dxp-4-7310
  • liferay-update-dxp-4-7310
• Branch Version/s:
  7.3.x, 7.2.x
• Backported to Branch:
  Committed
• Epic Link: lima-item-selector-upload-files
• Sprint: LIMA | #31 | DEV | Jan26-Feb16, LIMA | #30 | Jan13-Jan26, LIMA | #36 | DEV | May18-Jun08, LIMA | #32 | DEV | Feb16-Mar09, LIMA | #33 | DEV | Mar09-Apr06, LIMA | #34 | DEV | Apr06-Apr27, LIMA | #35 | DEV | Apr27-May18
• Git Pull Request: https://github.com/liferay-lima/liferay-portal/pull/1627

As a user

I want that the item selector allows to upload only files compatible with the type I'm seeing

so that I don't upload files that I can't select afterwards

 

Check all interactions with the addition of the "+" button in the item selector, such as: does it make sense to have file upload or multiple file upload?

Options Currently available for the item selector

• File Upload
• Multiple Files Upload
• Folder
• Repository 
• Shortcut
• Google Drive Shortcut
• External Video Shortcut
  

Design Proposal

The main purpose of the item selector is to select and eventually have a fast upload of the assets.
Including the plus button also brought other options (such as the repository) that could be very hard to manage from an item selector.

Why we're taking away some of the options:

File Upload: this action can be executed from the drag and drop feature, the select button and from the plus button.
Multiple Files Upload: this option would add more complexity to the item selector, requires more definition and eventually, it would better to allow the multiple upload from the drag and drop directly, instead of a complex option. 
Repository: Adding the possibility of creating repositories from the item selector will increase the complexity of the item selector.
Shortcut: This action allows to view an original document through a shortcut, in our case we're giving access directly to the original asset placed in documents & media or a repository.

Final Design

Figma Mockup

Item selector: Image
Limit the options to File Upload and Folder

Item Selector: Video
Limit the options to File Upload, Folder and External Video Shortcut

Item Selector: Documents
Limit the options to File Upload, Folder and Google Drive Shortcut

Test Scenarios

ID	Test Priority	Test Scenarios	Covered by Backend (Unit/Integration)?	Test to add
1.1	3	Only the "File Upload" and "Folder" options display in the action list when the item selector is used to add images.	No	Manual
1.2	3	Only the "File upload", "Folder" and "External Video Shortcut" options display in the action list when the item selector is used to add videos.	No	Manual
1.3	3	Only the "File Upload", "Folder" and "External Video Shortcut" options display in the action list when the item selector is used to add a document	No	Manual
1.4	3	The "Google Drive Shortcut" option will be displayed in the action list of the item selector when adding a shortcut after enabling Google Drive	No	Manual