Create basic cumulative projects picker
[arvados-workbench2.git] / src / views-components / projects-tree-picker / projects-tree-picker.tsx
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import * as React from 'react';
6 import { Dispatch } from 'redux';
7 import { connect } from 'react-redux';
8 import { HomeTreePicker } from '~/views-components/projects-tree-picker/home-tree-picker';
9 import { SharedTreePicker } from '~/views-components/projects-tree-picker/shared-tree-picker';
10 import { FavoritesTreePicker } from '~/views-components/projects-tree-picker/favorites-tree-picker';
11 import { getProjectsTreePickerIds, treePickerActions } from '~/store/tree-picker/tree-picker-actions';
12 import { TreeItem } from '~/components/tree/tree';
13 import { ProjectsTreePickerItem } from './generic-projects-tree-picker';
14
15 export interface ProjectsTreePickerProps {
16     pickerId: string;
17     includeCollections?: boolean;
18     includeFiles?: boolean;
19     toggleItemActive?: (event: React.MouseEvent<HTMLElement>, item: TreeItem<ProjectsTreePickerItem>, pickerId: string) => void;
20 }
21
22 export const ProjectsTreePicker =  ({ pickerId, ...props }: ProjectsTreePickerProps) => {
23     const { home, shared, favorites } = getProjectsTreePickerIds(pickerId);
24     return <div>
25         <HomeTreePicker pickerId={home} {...props} />
26         <SharedTreePicker pickerId={shared} {...props} />
27         <FavoritesTreePicker pickerId={favorites} {...props} />
28     </div>;
29     };