File List should allow navigating a file structure natively

[sebastienlevert]

Proposal: File List should allow navigating a file structure natively

Description

Currently, the mgt-file-list component doesn't allow native browsing of a folder or a drive. For a user wanting to simply drop a component on a page and navigate the drive structure, it's not possible today without extra code (A sample is available here : Open Folder Breadcrumbs)

Rationale

Developers want to have fully functional components and this one is a great example of how far we can push the functionality. Not having it creates confusion, frustrates developers and requires them to add capabilities that should be in the native component.

Preferred Solution

Bring the folder navigation by adding a enable-browsing capability where developers could set it to true when they need this kind of capability. We would also be using the Fluent UI breadcrumb capabilities to deliver the navigation between the different folder levels.

Example : Developer provides a search query

<mgt-file-list enable-browsing item-path="/Class%20Documents"></mgt-file-list> <mgt-file-list enable-browsing item-id="01BYE5RZYJ43UXGBP23BBIFPISHHMCDTOY"></mgt-file-list> <mgt-file-list enable-browsing group-id="8090c93e-ba7c-433e-9f39-08c7ba07c0b3" item-id="01AYQNNE76S6ES2SZFKFEKVD77I7JBARMB"></mgt-file-list> <mgt-file-list enable-browsing drive-id="b!-RIj2DuyvEyV1T4NlOaMHk8XkS_I8MdFlUCq1BlcjgmhRfAj3-Z8RY2VpuvV_tpd" item-id="01BYE5RZYJ43UXGBP23BBIFPISHHMCDTOY"></mgt-file-list>

Attributes and Properties

Attribute	Property	Description
enable-browsing	enableBrowsing	Should browsing the current structure be available for the component. Default to false. Should only be possible to set it to true when item-path or item-id are set