1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import * as React from 'react';
6 import { TreeItem, TreeItemStatus } from '../tree/tree';
7 import { FileTreeData } from '../file-tree/file-tree-data';
8 import { FileTree } from '../file-tree/file-tree';
9 import { IconButton, Grid, Typography, StyleRulesCallback, withStyles, WithStyles, CardHeader, CardContent, Card } from '@material-ui/core';
10 import { CustomizeTableIcon } from '../icon/icon';
12 export interface CollectionPanelFilesProps {
13 items: Array<TreeItem<FileTreeData>>;
14 onItemMenuOpen: (event: React.MouseEvent<HTMLElement>, item: TreeItem<FileTreeData>) => void;
15 onOptionsMenuOpen: (event: React.MouseEvent<HTMLElement>) => void;
16 onSelectionToggle: (event: React.MouseEvent<HTMLElement>, item: TreeItem<FileTreeData>) => void;
17 onCollapseToggle: (id: string, status: TreeItemStatus) => void;
20 type CssRules = 'root' | 'nameHeader' | 'fileSizeHeader';
22 const styles: StyleRulesCallback<CssRules> = theme => ({
24 paddingBottom: theme.spacing.unit
34 export const CollectionPanelFiles = withStyles(styles)(
35 ({ onItemMenuOpen, onOptionsMenuOpen, classes, ...treeProps }: CollectionPanelFilesProps & WithStyles<CssRules>) =>
36 <Card className={classes.root}>
40 <IconButton onClick={onOptionsMenuOpen}>
41 <CustomizeTableIcon />
44 <Grid container justify="space-between">
45 <Typography variant="caption" className={classes.nameHeader}>
48 <Typography variant="caption" className={classes.fileSizeHeader}>
52 <FileTree onMenuOpen={onItemMenuOpen} {...treeProps} />