refactor(web): dependency management (#2386)

packages/web/src/javascripts/Components/FileContextMenu/FileContextMenu.tsx

@@ -1,60 +1,46 @@
 import { FilesController } from '@/Controllers/FilesController'
-import { LinkingController } from '@/Controllers/LinkingController'
-import { NavigationController } from '@/Controllers/Navigation/NavigationController'
-import { SelectedItemsController } from '@/Controllers/SelectedItemsController'
 import { observer } from 'mobx-react-lite'
 import { FunctionComponent } from 'react'
 import Menu from '../Menu/Menu'
 import Popover from '../Popover/Popover'
 import FileMenuOptions from './FileMenuOptions'
+import { ItemListController } from '@/Controllers/ItemList/ItemListController'
 
 type Props = {
   filesController: FilesController
-  selectionController: SelectedItemsController
-  linkingController: LinkingController
-  navigationController: NavigationController
+  itemListController: ItemListController
 }
 
-const FileContextMenu: FunctionComponent<Props> = observer(
-  ({ filesController, selectionController, linkingController, navigationController }) => {
-    const { showFileContextMenu, setShowFileContextMenu, fileContextMenuLocation } = filesController
-    const { selectedFiles } = selectionController
+const FileContextMenu: FunctionComponent<Props> = observer(({ filesController, itemListController }) => {
+  const { showFileContextMenu, setShowFileContextMenu, fileContextMenuLocation } = filesController
+  const { selectedFiles } = itemListController
 
-    return (
-      <Popover
-        title="File options"
-        open={showFileContextMenu}
-        anchorPoint={fileContextMenuLocation}
-        togglePopover={() => setShowFileContextMenu(!showFileContextMenu)}
-        align="start"
-        className="py-2"
-      >
-        <Menu a11yLabel="File context menu" isOpen={showFileContextMenu}>
-          <FileMenuOptions
-            filesController={filesController}
-            linkingController={linkingController}
-            navigationController={navigationController}
-            selectedFiles={selectedFiles}
-            closeMenu={() => setShowFileContextMenu(false)}
-            shouldShowRenameOption={false}
-            shouldShowAttachOption={false}
-          />
-        </Menu>
-      </Popover>
-    )
-  },
-)
+  return (
+    <Popover
+      title="File options"
+      open={showFileContextMenu}
+      anchorPoint={fileContextMenuLocation}
+      togglePopover={() => setShowFileContextMenu(!showFileContextMenu)}
+      align="start"
+      className="py-2"
+    >
+      <Menu a11yLabel="File context menu" isOpen={showFileContextMenu}>
+        <FileMenuOptions
+          selectedFiles={selectedFiles}
+          closeMenu={() => setShowFileContextMenu(false)}
+          shouldShowRenameOption={false}
+          shouldShowAttachOption={false}
+        />
+      </Menu>
+    </Popover>
+  )
+})
 
 FileContextMenu.displayName = 'FileContextMenu'
 
-const FileContextMenuWrapper: FunctionComponent<Props> = ({
-  filesController,
-  linkingController,
-  navigationController,
-  selectionController,
-}) => {
+const FileContextMenuWrapper: FunctionComponent<Props> = ({ filesController, itemListController }) => {
   const { showFileContextMenu } = filesController
-  const { selectedFiles } = selectionController
+  const { selectedFiles } = itemListController
 
   const selectedFile = selectedFiles[0]
 
@@ -62,14 +48,7 @@ const FileContextMenuWrapper: FunctionComponent<Props> = ({
     return null
   }
 
-  return (
-    <FileContextMenu
-      filesController={filesController}
-      linkingController={linkingController}
-      navigationController={navigationController}
-      selectionController={selectionController}
-    />
-  )
+  return <FileContextMenu filesController={filesController} itemListController={itemListController} />
 }
 
 export default observer(FileContextMenuWrapper)