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 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';
  14
  15 export interface ProjectsTreePickerProps {
  16     pickerId: string;
  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;
  23 }
  24
  25 export const ProjectsTreePicker = ({ pickerId, ...props }: ProjectsTreePickerProps) => {
  26     const { home, shared, favorites, publicFavorites } = getProjectsTreePickerIds(pickerId);
  27     const relatedTreePickers = getRelatedTreePickers(pickerId);
  28     const p = {
  29         ...props,
  30         relatedTreePickers,
  31         disableActivation
  32     };
  33     return <div>
  34         <div data-cy="projects-tree-home-tree-picker">
  35             <HomeTreePicker pickerId={home} {...p} />
  36         </div>
  37         <div data-cy="projects-tree-shared-tree-picker">
  38             <SharedTreePicker pickerId={shared} {...p} />
  39         </div>
  40         <div data-cy="projects-tree-public-favourites-tree-picker">
  41             <PublicFavoritesTreePicker pickerId={publicFavorites} {...p} />
  42         </div>
  43         <div data-cy="projects-tree-favourites-tree-picker">
  44             <FavoritesTreePicker pickerId={favorites} {...p} />
  45         </div>
  46     </div>;
  47 };
  48
  49 const getRelatedTreePickers = memoize(pipe(getProjectsTreePickerIds, values));
  50 const disableActivation = [SHARED_PROJECT_ID, FAVORITES_PROJECT_ID];