feat-dev(wip): files table view (#2100)

packages/web/src/javascripts/Controllers/FilesController.ts

@@ -4,10 +4,7 @@ import {
   OnChunkCallbackNoProgress,
 } from '@standardnotes/files'
 import { FilePreviewModalController } from './FilePreviewModalController'
-import {
-  PopoverFileItemAction,
-  PopoverFileItemActionType,
-} from '@/Components/AttachedFilesPopover/PopoverFileItemAction'
+import { FileItemAction, FileItemActionType } from '@/Components/AttachedFilesPopover/PopoverFileItemAction'
 import { BYTES_IN_ONE_MEGABYTE } from '@/Constants/Constants'
 import { confirmDialog } from '@standardnotes/ui-services'
 import { Strings, StringUtils } from '@/Constants/Strings'
@@ -34,8 +31,8 @@ import { AbstractViewController } from './Abstract/AbstractViewController'
 import { NotesController } from './NotesController/NotesController'
 import { downloadOrShareBlobBasedOnPlatform } from '@/Utils/DownloadOrShareBasedOnPlatform'
 
-const UnprotectedFileActions = [PopoverFileItemActionType.ToggleFileProtection]
-const NonMutatingFileActions = [PopoverFileItemActionType.DownloadFile, PopoverFileItemActionType.PreviewFile]
+const UnprotectedFileActions = [FileItemActionType.ToggleFileProtection]
+const NonMutatingFileActions = [FileItemActionType.DownloadFile, FileItemActionType.PreviewFile]
 
 type FileContextMenuLocation = { x: number; y: number }
 
@@ -195,7 +192,7 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
   }
 
   handleFileAction = async (
-    action: PopoverFileItemAction,
+    action: FileItemAction,
   ): Promise<{
     didHandleAction: boolean
   }> => {
@@ -215,27 +212,27 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
     }
 
     switch (action.type) {
-      case PopoverFileItemActionType.AttachFileToNote:
+      case FileItemActionType.AttachFileToNote:
         await this.attachFileToSelectedNote(file)
         break
-      case PopoverFileItemActionType.DetachFileToNote:
+      case FileItemActionType.DetachFileToNote:
         await this.detachFileFromNote(file)
         break
-      case PopoverFileItemActionType.DeleteFile:
+      case FileItemActionType.DeleteFile:
         await this.deleteFile(file)
         break
-      case PopoverFileItemActionType.DownloadFile:
+      case FileItemActionType.DownloadFile:
         await this.downloadFile(file)
         break
-      case PopoverFileItemActionType.ToggleFileProtection: {
+      case FileItemActionType.ToggleFileProtection: {
         const isProtected = await this.toggleFileProtection(file)
         action.callback(isProtected)
         break
       }
-      case PopoverFileItemActionType.RenameFile:
+      case FileItemActionType.RenameFile:
         await this.renameFile(file, action.payload.name)
         break
-      case PopoverFileItemActionType.PreviewFile:
+      case FileItemActionType.PreviewFile:
         this.filePreviewModalController.activate(file, action.payload.otherFiles)
         break
     }
@@ -426,7 +423,7 @@ export class FilesController extends AbstractViewController<FilesControllerEvent
             label: 'Open',
             handler: (toastId) => {
               void this.handleFileAction({
-                type: PopoverFileItemActionType.PreviewFile,
+                type: FileItemActionType.PreviewFile,
                 payload: { file: uploadedFile },
               })
               dismissToast(toastId)

packages/web/src/javascripts/Controllers/LinkingController.tsx

@@ -1,5 +1,5 @@
 import { WebApplication } from '@/Application/Application'
-import { PopoverFileItemActionType } from '@/Components/AttachedFilesPopover/PopoverFileItemAction'
+import { FileItemActionType } from '@/Components/AttachedFilesPopover/PopoverFileItemAction'
 import { NoteViewController } from '@/Components/NoteView/Controller/NoteViewController'
 import { AppPaneId } from '@/Components/Panes/AppPaneMetadata'
 import { PrefDefaults } from '@/Constants/PrefDefaults'
@@ -153,7 +153,7 @@ export class LinkingController extends AbstractViewController {
       }
     } else if (item instanceof FileItem) {
       await this.filesController.handleFileAction({
-        type: PopoverFileItemActionType.PreviewFile,
+        type: FileItemActionType.PreviewFile,
         payload: {
           file: item,
           otherFiles: [],
@@ -164,6 +164,12 @@ export class LinkingController extends AbstractViewController {
     return undefined
   }
 
+  unlinkItems = async (item: LinkableItem, itemToUnlink: LinkableItem) => {
+    await this.application.items.unlinkItems(item, itemToUnlink)
+
+    void this.application.sync.sync()
+  }
+
   unlinkItemFromSelectedItem = async (itemToUnlink: LinkableItem) => {
     const selectedItem = this.selectionController.firstSelectedItem
 
@@ -171,9 +177,7 @@ export class LinkingController extends AbstractViewController {
       return
     }
 
-    await this.application.items.unlinkItems(selectedItem, itemToUnlink)
-
-    void this.application.sync.sync()
+    void this.unlinkItems(selectedItem, itemToUnlink)
   }
 
   ensureActiveItemIsInserted = async () => {