1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import * as React from 'react';
6 import { values, memoize, pipe } from 'lodash/fp';
7 import { HomeTreePicker } from '~/views-components/projects-tree-picker/home-tree-picker';
8 import { SharedTreePicker } from '~/views-components/projects-tree-picker/shared-tree-picker';
9 import { FavoritesTreePicker } from '~/views-components/projects-tree-picker/favorites-tree-picker';
10 import { getProjectsTreePickerIds, SHARED_PROJECT_ID, FAVORITES_PROJECT_ID } from '~/store/tree-picker/tree-picker-actions';
11 import { TreeItem } from '~/components/tree/tree';
12 import { ProjectsTreePickerItem } from './generic-projects-tree-picker';
13 import { PublicFavoritesTreePicker } from './public-favorites-tree-picker';
15 export interface ProjectsTreePickerProps {
17 includeCollections?: boolean;
18 includeFiles?: boolean;
19 showSelection?: boolean;
20 options?: { showOnlyOwned: boolean, showOnlyWritable: boolean };
21 toggleItemActive?: (event: React.MouseEvent<HTMLElement>, item: TreeItem<ProjectsTreePickerItem>, pickerId: string) => void;
22 toggleItemSelection?: (event: React.MouseEvent<HTMLElement>, item: TreeItem<ProjectsTreePickerItem>, pickerId: string) => void;
25 export const ProjectsTreePicker = ({ pickerId, ...props }: ProjectsTreePickerProps) => {
26 const { home, shared, favorites, publicFavorites } = getProjectsTreePickerIds(pickerId);
27 const relatedTreePickers = getRelatedTreePickers(pickerId);
34 <HomeTreePicker pickerId={home} {...p} />
35 <SharedTreePicker pickerId={shared} {...p} />
36 <PublicFavoritesTreePicker pickerId={publicFavorites} {...p} />
37 <div data-cy="projects-tree-favourites-tree-picker">
38 <FavoritesTreePicker pickerId={favorites} {...p} />
43 const getRelatedTreePickers = memoize(pipe(getProjectsTreePickerIds, values));
44 const disableActivation = [SHARED_PROJECT_ID, FAVORITES_PROJECT_ID];