src/views-components/collection-panel-files/collection-panel-files.ts

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import { connect } from "react-redux";
   6 import {
   7     CollectionPanelFiles as Component,
   8     CollectionPanelFilesProps
   9 } from "~/components/collection-panel-files/collection-panel-files";
  10 import { RootState } from "~/store/store";
  11 import { TreeItem, TreeItemStatus } from "~/components/tree/tree";
  12 import {
  13     CollectionPanelDirectory,
  14     CollectionPanelFile,
  15     CollectionPanelFilesState
  16 } from "~/store/collection-panel/collection-panel-files/collection-panel-files-state";
  17 import { FileTreeData } from "~/components/file-tree/file-tree-data";
  18 import { Dispatch } from "redux";
  19 import { collectionPanelFilesAction } from "~/store/collection-panel/collection-panel-files/collection-panel-files-actions";
  20 import { ContextMenuKind } from "../context-menu/context-menu";
  21 import { getNode, getNodeChildrenIds, Tree, TreeNode, initTreeNode } from "~/models/tree";
  22 import { CollectionFileType, createCollectionDirectory } from "~/models/collection-file";
  23 import { openContextMenu, openCollectionFilesContextMenu } from '~/store/context-menu/context-menu-actions';
  24 import { openUploadCollectionFilesDialog } from '~/store/collections/collection-upload-actions';
  25 import { ResourceKind } from "~/models/resource";
  26 import { openDetailsPanel } from '~/store/details-panel/details-panel-action';
  27
  28 const memoizedMapStateToProps = () => {
  29     let prevState: CollectionPanelFilesState;
  30     let prevTree: Array<TreeItem<FileTreeData>>;
  31
  32     return (state: RootState): Pick<CollectionPanelFilesProps, "items" | "currentItemUuid"> => {
  33         if (prevState !== state.collectionPanelFiles) {
  34             prevState = state.collectionPanelFiles;
  35             prevTree = getNodeChildrenIds('')(state.collectionPanelFiles)
  36                 .map(collectionItemToTreeItem(state.collectionPanelFiles));
  37         }
  38         return {
  39             items: prevTree,
  40             currentItemUuid: state.detailsPanel.resourceUuid
  41         };
  42     };
  43 };
  44
  45 const mapDispatchToProps = (dispatch: Dispatch): Pick<CollectionPanelFilesProps, 'onFileClick' | 'onUploadDataClick' | 'onCollapseToggle' | 'onSelectionToggle' | 'onItemMenuOpen' | 'onOptionsMenuOpen'> => ({
  46     onUploadDataClick: () => {
  47         dispatch<any>(openUploadCollectionFilesDialog());
  48     },
  49     onCollapseToggle: (id) => {
  50         dispatch(collectionPanelFilesAction.TOGGLE_COLLECTION_FILE_COLLAPSE({ id }));
  51     },
  52     onSelectionToggle: (event, item) => {
  53         dispatch(collectionPanelFilesAction.TOGGLE_COLLECTION_FILE_SELECTION({ id: item.id }));
  54     },
  55     onItemMenuOpen: (event, item, isWritable) => {
  56         dispatch<any>(openContextMenu(
  57             event,
  58             {
  59                 menuKind: isWritable
  60                     ? ContextMenuKind.COLLECTION_FILES_ITEM
  61                     : ContextMenuKind.READONLY_COLLECTION_FILES_ITEM,
  62                 kind: ResourceKind.COLLECTION,
  63                 name: item.data.name,
  64                 uuid: item.id,
  65                 ownerUuid: ''
  66             }
  67         ));
  68     },
  69     onOptionsMenuOpen: (event, isWritable) => {
  70         dispatch<any>(openCollectionFilesContextMenu(event, isWritable));
  71     },
  72     onFileClick: (id) => {
  73         dispatch(openDetailsPanel(id));
  74     },
  75 });
  76
  77
  78 export const CollectionPanelFiles = connect(memoizedMapStateToProps(), mapDispatchToProps)(Component);
  79
  80 const collectionItemToTreeItem = (tree: Tree<CollectionPanelDirectory | CollectionPanelFile>) =>
  81     (id: string): TreeItem<FileTreeData> => {
  82         const node: TreeNode<CollectionPanelDirectory | CollectionPanelFile> = getNode(id)(tree) || initTreeNode({
  83             id: '',
  84             parent: '',
  85             value: {
  86                 ...createCollectionDirectory({ name: 'Invalid file' }),
  87                 selected: false,
  88                 collapsed: true
  89             }
  90         });
  91         return {
  92             active: false,
  93             data: {
  94                 name: node.value.name,
  95                 size: node.value.type === CollectionFileType.FILE ? node.value.size : undefined,
  96                 type: node.value.type,
  97                 url: node.value.url,
  98             },
  99             id: node.id,
 100             items: getNodeChildrenIds(node.id)(tree)
 101                 .map(collectionItemToTreeItem(tree)),
 102             open: node.value.type === CollectionFileType.DIRECTORY ? !node.value.collapsed : false,
 103             selected: node.value.selected,
 104             status: TreeItemStatus.LOADED
 105         };
 106     };