1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
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, getNodeChildren, getNode } from "../../models/tree";
16 import { CollectionFileType } from "../../models/collection-file";
18 const memoizedMapStateToProps = () => {
19 let prevState: CollectionPanelFilesState;
20 let prevTree: Array<TreeItem<FileTreeData>>;
22 return (state: RootState): Pick<CollectionPanelFilesProps, "items"> => {
23 if (prevState !== state.collectionPanelFiles) {
24 prevState = state.collectionPanelFiles;
25 prevTree = getNodeChildren('')(state.collectionPanelFiles)
26 .map(collectionItemToTreeItem(state.collectionPanelFiles));
34 const mapDispatchToProps = (dispatch: Dispatch): Pick<CollectionPanelFilesProps, 'onUploadDataClick' | 'onCollapseToggle' | 'onSelectionToggle' | 'onItemMenuOpen' | 'onOptionsMenuOpen'> => ({
35 onUploadDataClick: () => { return; },
36 onCollapseToggle: (id) => {
37 dispatch(collectionPanelFilesAction.TOGGLE_COLLECTION_FILE_COLLAPSE({ id }));
39 onSelectionToggle: (event, item) => {
40 dispatch(collectionPanelFilesAction.TOGGLE_COLLECTION_FILE_SELECTION({ id: item.id }));
42 onItemMenuOpen: (event, item) => {
43 event.preventDefault();
44 dispatch(contextMenuActions.OPEN_CONTEXT_MENU({
45 position: { x: event.clientX, y: event.clientY },
46 resource: { kind: ContextMenuKind.COLLECTION_FILES_ITEM, name: item.data.name, uuid: item.id }
49 onOptionsMenuOpen: (event) =>
50 dispatch(contextMenuActions.OPEN_CONTEXT_MENU({
51 position: { x: event.clientX, y: event.clientY },
52 resource: { kind: ContextMenuKind.COLLECTION_FILES, name: '', uuid: '' }
57 export const CollectionPanelFiles = connect(memoizedMapStateToProps(), mapDispatchToProps)(Component);
59 const collectionItemToTreeItem = (tree: Tree<CollectionPanelDirectory | CollectionPanelFile>) =>
60 (id: string): TreeItem<FileTreeData> => {
61 const node = getNode(id)(tree) || {
67 type: CollectionFileType.DIRECTORY,
75 name: node.value.name,
76 size: node.value.type === CollectionFileType.FILE ? node.value.size : undefined,
80 items: getNodeChildren(node.id)(tree)
81 .map(collectionItemToTreeItem(tree)),
82 open: node.value.type === CollectionFileType.DIRECTORY ? !node.value.collapsed : false,
83 selected: node.value.selected,
84 status: TreeItemStatus.LOADED