src/views/process-panel/process-output-collection-files.ts

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import { connect } from "react-redux";
   6 import {
   7     CollectionPanelFiles as Component,
   8     CollectionPanelFilesProps
   9 } from "components/collection-panel-files/collection-panel-files";
  10 import { Dispatch } from "redux";
  11 import { collectionPanelFilesAction } from "store/collection-panel/collection-panel-files/collection-panel-files-actions";
  12 import { ContextMenuKind } from "views-components/context-menu/context-menu";
  13 import { openContextMenu, openCollectionFilesContextMenu } from 'store/context-menu/context-menu-actions';
  14 import { openUploadCollectionFilesDialog } from 'store/collections/collection-upload-actions';
  15 import { ResourceKind } from "models/resource";
  16 import { openDetailsPanel } from 'store/details-panel/details-panel-action';
  17 import { StyleRulesCallback, Theme, withStyles } from "@material-ui/core";
  18
  19 const mapDispatchToProps = (dispatch: Dispatch): Pick<CollectionPanelFilesProps, 'onSearchChange' | 'onFileClick' | 'onUploadDataClick' | 'onCollapseToggle' | 'onSelectionToggle' | 'onItemMenuOpen' | 'onOptionsMenuOpen'> => ({
  20     onUploadDataClick: (targetLocation?: string) => {
  21         dispatch<any>(openUploadCollectionFilesDialog(targetLocation));
  22     },
  23     onCollapseToggle: (id) => {
  24         dispatch(collectionPanelFilesAction.TOGGLE_COLLECTION_FILE_COLLAPSE({ id }));
  25     },
  26     onSelectionToggle: (event, item) => {
  27         dispatch(collectionPanelFilesAction.TOGGLE_COLLECTION_FILE_SELECTION({ id: item.id }));
  28     },
  29     onItemMenuOpen: (event, item, isWritable) => {
  30         const isDirectory = item.data.type === 'directory';
  31         dispatch<any>(openContextMenu(
  32             event,
  33             {
  34                 menuKind: isWritable
  35                     ? isDirectory
  36                         ? ContextMenuKind.COLLECTION_DIRECTORY_ITEM
  37                         : ContextMenuKind.COLLECTION_FILE_ITEM
  38                     : isDirectory
  39                         ? ContextMenuKind.READONLY_COLLECTION_DIRECTORY_ITEM
  40                         : ContextMenuKind.READONLY_COLLECTION_FILE_ITEM,
  41                 kind: ResourceKind.COLLECTION,
  42                 name: item.data.name,
  43                 uuid: item.id,
  44                 ownerUuid: ''
  45             }
  46         ));
  47     },
  48     onSearchChange: (searchValue: string) => {
  49         dispatch(collectionPanelFilesAction.ON_SEARCH_CHANGE(searchValue));
  50     },
  51     onOptionsMenuOpen: (event, isWritable) => {
  52         dispatch<any>(openCollectionFilesContextMenu(event, isWritable));
  53     },
  54     onFileClick: (id) => {
  55         dispatch<any>(openDetailsPanel(id));
  56     },
  57 });
  58
  59 type CssRules = "wrapper"
  60     | "dataWrapper"
  61     | "leftPanel"
  62     | "rightPanel";
  63
  64 const styles: StyleRulesCallback<CssRules> = (theme: Theme) => ({
  65     wrapper: {},
  66     dataWrapper: {},
  67     leftPanel: {},
  68     rightPanel: {},
  69 });
  70
  71 export const ProcessOutputCollectionFiles = withStyles(styles)(connect(null, mapDispatchToProps)(Component));