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 { TreeItemStatus } from "components/tree/tree";
  12 import { VirtualTreeItem as TreeItem } from "components/tree/virtual-tree";
  13 import {
  14     CollectionPanelDirectory,
  15     CollectionPanelFile,
  16     CollectionPanelFilesState
  17 } from "store/collection-panel/collection-panel-files/collection-panel-files-state";
  18 import { FileTreeData } from "components/file-tree/file-tree-data";
  19 import { Dispatch } from "redux";
  20 import { collectionPanelFilesAction } from "store/collection-panel/collection-panel-files/collection-panel-files-actions";
  21 import { ContextMenuKind } from "../context-menu/context-menu";
  22 import { getNode, getNodeChildrenIds, Tree, TreeNode, initTreeNode } from "models/tree";
  23 import { CollectionFileType, createCollectionDirectory } from "models/collection-file";
  24 import { openContextMenu, openCollectionFilesContextMenu } from 'store/context-menu/context-menu-actions';
  25 import { openUploadCollectionFilesDialog } from 'store/collections/collection-upload-actions';
  26 import { ResourceKind } from "models/resource";
  27 import { openDetailsPanel } from 'store/details-panel/details-panel-action';
  28
  29 const memoizedMapStateToProps = () => {
  30     let prevState: CollectionPanelFilesState;
  31     let prevTree: Array<TreeItem<FileTreeData>>;
  32
  33     return (state: RootState): Pick<CollectionPanelFilesProps, "items" | "currentItemUuid"> => {
  34         if (prevState !== state.collectionPanelFiles) {
  35             prevState = state.collectionPanelFiles;
  36             prevTree = [].concat.apply(
  37                 [], getNodeChildrenIds('')(state.collectionPanelFiles)
  38                     .map(collectionItemToList(0)(state.collectionPanelFiles)));
  39         }
  40         return {
  41             items: prevTree,
  42             currentItemUuid: state.detailsPanel.resourceUuid
  43         };
  44     };
  45 };
  46
  47 const mapDispatchToProps = (dispatch: Dispatch): Pick<CollectionPanelFilesProps, 'onSearchChange' | 'onFileClick' | 'onUploadDataClick' | 'onCollapseToggle' | 'onSelectionToggle' | 'onItemMenuOpen' | 'onOptionsMenuOpen'> => ({
  48     onUploadDataClick: () => {
  49         dispatch<any>(openUploadCollectionFilesDialog());
  50     },
  51     onCollapseToggle: (id) => {
  52         dispatch(collectionPanelFilesAction.TOGGLE_COLLECTION_FILE_COLLAPSE({ id }));
  53     },
  54     onSelectionToggle: (event, item) => {
  55         dispatch(collectionPanelFilesAction.TOGGLE_COLLECTION_FILE_SELECTION({ id: item.id }));
  56     },
  57     onItemMenuOpen: (event, item, isWritable) => {
  58         const isDirectory = item.data.type === 'directory';
  59         dispatch<any>(openContextMenu(
  60             event,
  61             {
  62                 menuKind: isWritable
  63                     ? isDirectory
  64                         ? ContextMenuKind.COLLECTION_DIRECTORY_ITEM
  65                         : ContextMenuKind.COLLECTION_FILE_ITEM
  66                     : isDirectory
  67                         ? ContextMenuKind.READONLY_COLLECTION_DIRECTORY_ITEM
  68                         : ContextMenuKind.READONLY_COLLECTION_FILE_ITEM,
  69                 kind: ResourceKind.COLLECTION,
  70                 name: item.data.name,
  71                 uuid: item.id,
  72                 ownerUuid: ''
  73             }
  74         ));
  75     },
  76     onSearchChange: (searchValue: string) => {
  77         dispatch(collectionPanelFilesAction.ON_SEARCH_CHANGE(searchValue));
  78     },
  79     onOptionsMenuOpen: (event, isWritable) => {
  80         dispatch<any>(openCollectionFilesContextMenu(event, isWritable));
  81     },
  82     onFileClick: (id) => {
  83         dispatch<any>(openDetailsPanel(id));
  84     },
  85 });
  86
  87 export const CollectionPanelFiles = connect(memoizedMapStateToProps(), mapDispatchToProps)(Component);
  88
  89 const collectionItemToList = (level: number) => (tree: Tree<CollectionPanelDirectory | CollectionPanelFile>) =>
  90     (id: string): TreeItem<FileTreeData>[] => {
  91         const node: TreeNode<CollectionPanelDirectory | CollectionPanelFile> = getNode(id)(tree) || initTreeNode({
  92             id: '',
  93             parent: '',
  94             value: {
  95                 ...createCollectionDirectory({ name: 'Invalid file' }),
  96                 selected: false,
  97                 collapsed: true
  98             }
  99         });
 100
 101         const treeItem = {
 102             active: false,
 103             data: {
 104                 name: node.value.name,
 105                 size: node.value.type === CollectionFileType.FILE ? node.value.size : undefined,
 106                 type: node.value.type,
 107                 url: node.value.url,
 108             },
 109             id: node.id,
 110             items: [], // Not used in this case as we're converting a tree to a list.
 111             itemCount: node.children.length,
 112             open: node.value.type === CollectionFileType.DIRECTORY ? !node.value.collapsed : false,
 113             selected: node.value.selected,
 114             status: TreeItemStatus.LOADED,
 115             level,
 116         };
 117
 118         const treeItemChilds = treeItem.open
 119             ? [].concat.apply([], node.children.map(collectionItemToList(level+1)(tree)))
 120             : [];
 121
 122         return [
 123             treeItem,
 124             ...treeItemChilds,
 125         ];
 126     };