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 { CollectionPanelFiles as Component, CollectionPanelFilesProps } from "~/components/collection-panel-files/collection-panel-files";
   7 import { RootState } from "~/store/store";
   8 import { TreeItemStatus, TreeItem } from "~/components/tree/tree";
   9 import { CollectionPanelFilesState, CollectionPanelDirectory, CollectionPanelFile } from "~/store/collection-panel/collection-panel-files/collection-panel-files-state";
  10 import { FileTreeData } from "~/components/file-tree/file-tree-data";
  11 import { Dispatch } from "redux";
  12 import { collectionPanelFilesAction } from "~/store/collection-panel/collection-panel-files/collection-panel-files-actions";
  13 import { contextMenuActions } from "~/store/context-menu/context-menu-actions";
  14 import { ContextMenuKind } from "../context-menu/context-menu";
  15 import { Tree, getNodeChildrenIds, getNode } from "~/models/tree";
  16 import { CollectionFileType } from "~/models/collection-file";
  17 import { openUploadCollectionFilesDialog } from '~/store/collections/uploader/collection-uploader-actions';
  18 import { openContextMenu } from '../../store/context-menu/context-menu-actions';
  19
  20 const memoizedMapStateToProps = () => {
  21     let prevState: CollectionPanelFilesState;
  22     let prevTree: Array<TreeItem<FileTreeData>>;
  23
  24     return (state: RootState): Pick<CollectionPanelFilesProps, "items"> => {
  25         if (prevState !== state.collectionPanelFiles) {
  26             prevState = state.collectionPanelFiles;
  27             prevTree = getNodeChildrenIds('')(state.collectionPanelFiles)
  28                 .map(collectionItemToTreeItem(state.collectionPanelFiles));
  29         }
  30         return {
  31             items: prevTree
  32         };
  33     };
  34 };
  35
  36 const mapDispatchToProps = (dispatch: Dispatch): Pick<CollectionPanelFilesProps, 'onUploadDataClick' | 'onCollapseToggle' | 'onSelectionToggle' | 'onItemMenuOpen' | 'onOptionsMenuOpen'> => ({
  37     onUploadDataClick: () => {
  38         dispatch<any>(openUploadCollectionFilesDialog());
  39     },
  40     onCollapseToggle: (id) => {
  41         dispatch(collectionPanelFilesAction.TOGGLE_COLLECTION_FILE_COLLAPSE({ id }));
  42     },
  43     onSelectionToggle: (event, item) => {
  44         dispatch(collectionPanelFilesAction.TOGGLE_COLLECTION_FILE_SELECTION({ id: item.id }));
  45     },
  46     onItemMenuOpen: (event, item) => {
  47         dispatch<any>(openContextMenu(event, { kind: ContextMenuKind.COLLECTION_FILES_ITEM, name: item.data.name, uuid: item.id }));
  48     },
  49     onOptionsMenuOpen: (event) => {
  50         dispatch<any>(openContextMenu(event, { kind: ContextMenuKind.COLLECTION_FILES, name: '', uuid: '' }));
  51     },
  52 });
  53
  54
  55 export const CollectionPanelFiles = connect(memoizedMapStateToProps(), mapDispatchToProps)(Component);
  56
  57 const collectionItemToTreeItem = (tree: Tree<CollectionPanelDirectory | CollectionPanelFile>) =>
  58     (id: string): TreeItem<FileTreeData> => {
  59         const node = getNode(id)(tree) || {
  60             id: '',
  61             children: [],
  62             parent: '',
  63             value: {
  64                 name: 'Invalid node',
  65                 type: CollectionFileType.DIRECTORY,
  66                 selected: false,
  67                 collapsed: true
  68             }
  69         };
  70         return {
  71             active: false,
  72             data: {
  73                 name: node.value.name,
  74                 size: node.value.type === CollectionFileType.FILE ? node.value.size : undefined,
  75                 type: node.value.type
  76             },
  77             id: node.id,
  78             items: getNodeChildrenIds(node.id)(tree)
  79                 .map(collectionItemToTreeItem(tree)),
  80             open: node.value.type === CollectionFileType.DIRECTORY ? !node.value.collapsed : false,
  81             selected: node.value.selected,
  82             status: TreeItemStatus.LOADED
  83         };
  84     };