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 { ContextMenuKind } from "../context-menu/context-menu";
14 import { Tree, getNodeChildrenIds, getNode } from "~/models/tree";
15 import { CollectionFileType } from "~/models/collection-file";
16 import { openContextMenu } from '~/store/context-menu/context-menu-actions';
17 import { openUploadCollectionFilesDialog } from '~/store/collections/collection-upload-actions';
19 const memoizedMapStateToProps = () => {
20 let prevState: CollectionPanelFilesState;
21 let prevTree: Array<TreeItem<FileTreeData>>;
23 return (state: RootState): Pick<CollectionPanelFilesProps, "items"> => {
24 if (prevState !== state.collectionPanelFiles) {
25 prevState = state.collectionPanelFiles;
26 prevTree = getNodeChildrenIds('')(state.collectionPanelFiles)
27 .map(collectionItemToTreeItem(state.collectionPanelFiles));
35 const mapDispatchToProps = (dispatch: Dispatch): Pick<CollectionPanelFilesProps, 'onUploadDataClick' | 'onCollapseToggle' | 'onSelectionToggle' | 'onItemMenuOpen' | 'onOptionsMenuOpen'> => ({
36 onUploadDataClick: () => {
37 dispatch<any>(openUploadCollectionFilesDialog());
39 onCollapseToggle: (id) => {
40 dispatch(collectionPanelFilesAction.TOGGLE_COLLECTION_FILE_COLLAPSE({ id }));
42 onSelectionToggle: (event, item) => {
43 dispatch(collectionPanelFilesAction.TOGGLE_COLLECTION_FILE_SELECTION({ id: item.id }));
45 onItemMenuOpen: (event, item) => {
46 dispatch<any>(openContextMenu(event, { kind: ContextMenuKind.COLLECTION_FILES_ITEM, name: item.data.name, uuid: item.id }));
48 onOptionsMenuOpen: (event) => {
49 dispatch<any>(openContextMenu(event, { kind: ContextMenuKind.COLLECTION_FILES, name: '', uuid: '' }));
54 export const CollectionPanelFiles = connect(memoizedMapStateToProps(), mapDispatchToProps)(Component);
56 const collectionItemToTreeItem = (tree: Tree<CollectionPanelDirectory | CollectionPanelFile>) =>
57 (id: string): TreeItem<FileTreeData> => {
58 const node = getNode(id)(tree) || {
64 type: CollectionFileType.DIRECTORY,
72 name: node.value.name,
73 size: node.value.type === CollectionFileType.FILE ? node.value.size : undefined,
77 items: getNodeChildrenIds(node.id)(tree)
78 .map(collectionItemToTreeItem(tree)),
79 open: node.value.type === CollectionFileType.DIRECTORY ? !node.value.collapsed : false,
80 selected: node.value.selected,
81 status: TreeItemStatus.LOADED