feat: add file view (#1064)

app/assets/javascripts/Components/ContentListView/ContentList.tsx

@@ -64,7 +64,6 @@ const ContentList: FunctionComponent<Props> = ({
         <ContentListItem
           key={item.uuid}
           application={application}
-          viewControllerManager={viewControllerManager}
           item={item}
           selected={!!selectedItems[item.uuid]}
           hideDate={hideDate}
@@ -72,6 +71,10 @@ const ContentList: FunctionComponent<Props> = ({
           hideTags={hideTags}
           hideIcon={hideEditorIcon}
           sortBy={sortBy}
+          filesController={viewControllerManager.filesController}
+          selectionController={viewControllerManager.selectionController}
+          navigationController={viewControllerManager.navigationController}
+          notesController={viewControllerManager.notesController}
         />
       ))}
     </div>

app/assets/javascripts/Components/ContentListView/ContentListItem.tsx

@@ -10,7 +10,7 @@ const ContentListItem: FunctionComponent<AbstractListItemProps> = (props) => {
       return []
     }
 
-    const selectedTag = props.viewControllerManager.navigationController.selected
+    const selectedTag = props.navigationController.selected
     if (!selectedTag) {
       return []
     }

app/assets/javascripts/Components/ContentListView/FileListItem.tsx

@@ -10,7 +10,8 @@ import { DisplayableListItemProps } from './Types/DisplayableListItemProps'
 
 const FileListItem: FunctionComponent<DisplayableListItemProps> = ({
   application,
-  viewControllerManager,
+  filesController,
+  selectionController,
   hideDate,
   hideIcon,
   hideTags,
@@ -21,40 +22,28 @@ const FileListItem: FunctionComponent<DisplayableListItemProps> = ({
 }) => {
   const openFileContextMenu = useCallback(
     (posX: number, posY: number) => {
-      viewControllerManager.filesController.setFileContextMenuLocation({
+      filesController.setFileContextMenuLocation({
         x: posX,
         y: posY,
       })
-      viewControllerManager.filesController.setShowFileContextMenu(true)
+      filesController.setShowFileContextMenu(true)
     },
-    [viewControllerManager.filesController],
+    [filesController],
   )
 
   const openContextMenu = useCallback(
     async (posX: number, posY: number) => {
-      const { didSelect } = await viewControllerManager.selectionController.selectItem(item.uuid)
+      const { didSelect } = await selectionController.selectItem(item.uuid)
       if (didSelect) {
         openFileContextMenu(posX, posY)
       }
     },
-    [viewControllerManager.selectionController, item.uuid, openFileContextMenu],
+    [selectionController, item.uuid, openFileContextMenu],
   )
 
   const onClick = useCallback(() => {
-    void viewControllerManager.selectionController.selectItem(item.uuid, true).then(({ didSelect }) => {
-      if (didSelect && viewControllerManager.selectionController.selectedItemsCount < 2) {
-        viewControllerManager.filePreviewModalController.activate(
-          item as FileItem,
-          viewControllerManager.filesController.allFiles,
-        )
-      }
-    })
-  }, [
-    viewControllerManager.filePreviewModalController,
-    viewControllerManager.filesController.allFiles,
-    viewControllerManager.selectionController,
-    item,
-  ])
+    void selectionController.selectItem(item.uuid, true)
+  }, [item.uuid, selectionController])
 
   const IconComponent = () =>
     getFileIconComponent(

app/assets/javascripts/Components/ContentListView/NoteListItem.tsx

@@ -11,7 +11,8 @@ import { DisplayableListItemProps } from './Types/DisplayableListItemProps'
 
 const NoteListItem: FunctionComponent<DisplayableListItemProps> = ({
   application,
-  viewControllerManager,
+  notesController,
+  selectionController,
   hideDate,
   hideIcon,
   hideTags,
@@ -27,16 +28,16 @@ const NoteListItem: FunctionComponent<DisplayableListItemProps> = ({
   const hasFiles = application.items.getFilesForNote(item as SNNote).length > 0
 
   const openNoteContextMenu = (posX: number, posY: number) => {
-    viewControllerManager.notesController.setContextMenuClickLocation({
+    notesController.setContextMenuClickLocation({
       x: posX,
       y: posY,
     })
-    viewControllerManager.notesController.reloadContextMenuLayout()
-    viewControllerManager.notesController.setContextMenuOpen(true)
+    notesController.reloadContextMenuLayout()
+    notesController.setContextMenuOpen(true)
   }
 
   const openContextMenu = async (posX: number, posY: number) => {
-    const { didSelect } = await viewControllerManager.selectionController.selectItem(item.uuid, true)
+    const { didSelect } = await selectionController.selectItem(item.uuid, true)
     if (didSelect) {
       openNoteContextMenu(posX, posY)
     }
@@ -49,7 +50,7 @@ const NoteListItem: FunctionComponent<DisplayableListItemProps> = ({
       }`}
       id={item.uuid}
       onClick={() => {
-        void viewControllerManager.selectionController.selectItem(item.uuid, true)
+        void selectionController.selectItem(item.uuid, true)
       }}
       onContextMenu={(event) => {
         event.preventDefault()

app/assets/javascripts/Components/ContentListView/Types/AbstractListItemProps.ts

@@ -1,11 +1,17 @@
 import { WebApplication } from '@/Application/Application'
-import { ViewControllerManager } from '@/Services/ViewControllerManager'
+import { FilesController } from '@/Controllers/FilesController'
+import { NavigationController } from '@/Controllers/Navigation/NavigationController'
+import { NotesController } from '@/Controllers/NotesController'
+import { SelectedItemsController } from '@/Controllers/SelectedItemsController'
 import { SortableItem } from '@standardnotes/snjs'
 import { ListableContentItem } from './ListableContentItem'
 
 export type AbstractListItemProps = {
   application: WebApplication
-  viewControllerManager: ViewControllerManager
+  filesController: FilesController
+  selectionController: SelectedItemsController
+  navigationController: NavigationController
+  notesController: NotesController
   hideDate: boolean
   hideIcon: boolean
   hideTags: boolean