refactor(web): dependency management (#2386)

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

@@ -1,27 +1,16 @@
 import { useCallback, useRef, useState } from 'react'
 import { observer } from 'mobx-react-lite'
 import FileMenuOptions from './FileMenuOptions'
-import { FilesController } from '@/Controllers/FilesController'
-import { SelectedItemsController } from '@/Controllers/SelectedItemsController'
 import Popover from '../Popover/Popover'
 import RoundIconButton from '../Button/RoundIconButton'
 import Menu from '../Menu/Menu'
-import { LinkingController } from '@/Controllers/LinkingController'
-import { NavigationController } from '@/Controllers/Navigation/NavigationController'
+import { ItemListController } from '@/Controllers/ItemList/ItemListController'
 
 type Props = {
-  filesController: FilesController
-  selectionController: SelectedItemsController
-  linkingController: LinkingController
-  navigationController: NavigationController
+  itemListController: ItemListController
 }
 
-const FilesOptionsPanel = ({
-  filesController,
-  linkingController,
-  navigationController,
-  selectionController,
-}: Props) => {
+const FilesOptionsPanel = ({ itemListController }: Props) => {
   const [isOpen, setIsOpen] = useState(false)
   const buttonRef = useRef<HTMLButtonElement>(null)
 
@@ -39,10 +28,7 @@ const FilesOptionsPanel = ({
       >
         <Menu a11yLabel="File options panel" isOpen={isOpen}>
           <FileMenuOptions
-            filesController={filesController}
-            linkingController={linkingController}
-            navigationController={navigationController}
-            selectedFiles={selectionController.selectedFiles}
+            selectedFiles={itemListController.selectedFiles}
             closeMenu={() => {
               setIsOpen(false)
             }}