X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/36ab91214cbf5d196f825c666e7018eb9122e5c6..7467e941ed63e8885144e90c9ca11929f738b13a:/src/views/run-process-panel/inputs/file-array-input.tsx
diff --git a/src/views/run-process-panel/inputs/file-array-input.tsx b/src/views/run-process-panel/inputs/file-array-input.tsx
index 14d16824..ddb558b9 100644
--- a/src/views/run-process-panel/inputs/file-array-input.tsx
+++ b/src/views/run-process-panel/inputs/file-array-input.tsx
@@ -2,39 +2,40 @@
//
// SPDX-License-Identifier: AGPL-3.0
-import * as React from 'react';
+import React from 'react';
import {
isRequiredInput,
FileArrayCommandInputParameter,
File,
CWLType
-} from '~/models/workflow';
+} from 'models/workflow';
import { Field } from 'redux-form';
-import { ERROR_MESSAGE } from '~/validators/require';
+import { ERROR_MESSAGE } from 'validators/require';
import { Input, Dialog, DialogTitle, DialogContent, DialogActions, Button, Divider, WithStyles, Typography } from '@material-ui/core';
import { GenericInputProps, GenericInput } from './generic-input';
-import { ProjectsTreePicker } from '~/views-components/projects-tree-picker/projects-tree-picker';
+import { ProjectsTreePicker } from 'views-components/projects-tree-picker/projects-tree-picker';
import { connect, DispatchProp } from 'react-redux';
-import { initProjectsTreePicker, getSelectedNodes, treePickerActions, getProjectsTreePickerIds } from '~/store/tree-picker/tree-picker-actions';
-import { ProjectsTreePickerItem } from '~/views-components/projects-tree-picker/generic-projects-tree-picker';
-import { CollectionFile, CollectionFileType } from '~/models/collection-file';
+import { initProjectsTreePicker, getSelectedNodes, treePickerActions, getProjectsTreePickerIds } from 'store/tree-picker/tree-picker-actions';
+import { ProjectsTreePickerItem } from 'views-components/projects-tree-picker/generic-projects-tree-picker';
+import { CollectionFile, CollectionFileType } from 'models/collection-file';
import { createSelector, createStructuredSelector } from 'reselect';
-import { ChipsInput } from '~/components/chips-input/chips-input';
+import { ChipsInput } from 'components/chips-input/chips-input';
import { identity, values, noop } from 'lodash';
import { InputProps } from '@material-ui/core/Input';
-import { TreePicker } from '~/store/tree-picker/tree-picker';
-import { RootState } from '~/store/store';
-import { Chips } from '~/components/chips/chips';
+import { TreePicker } from 'store/tree-picker/tree-picker';
+import { RootState } from 'store/store';
+import { Chips } from 'components/chips/chips';
import withStyles, { StyleRulesCallback } from '@material-ui/core/styles/withStyles';
export interface FileArrayInputProps {
input: FileArrayCommandInputParameter;
+ options?: { showOnlyOwned: boolean, showOnlyWritable: boolean };
}
export const FileArrayInput = ({ input }: FileArrayInputProps) =>
;
@@ -52,7 +53,7 @@ const parse = (file: CollectionFile): File => ({
});
const formatFiles = (files: File[] = []) =>
- files.map(format);
+ files ? files.map(format) : [];
const format = (file: File): CollectionFile => ({
id: file.location
@@ -92,7 +93,9 @@ const mapStateToProps = createStructuredSelector({
});
const FileArrayInputComponent = connect(mapStateToProps)(
- class FileArrayInputComponent extends React.Component {
+ class FileArrayInputComponent extends React.Component {
state: FileArrayInputComponentState = {
open: false,
files: [],
@@ -167,12 +170,11 @@ const FileArrayInputComponent = connect(mapStateToProps)(
});
this.setFiles(files);
-
}
refreshFiles = () => {
clearTimeout(this.fileRefreshTimeout);
- this.fileRefreshTimeout = setTimeout(this.setSelectedFiles);
+ this.fileRefreshTimeout = window.setTimeout(this.setSelectedFiles);
}
setSelectedFiles = () => {
@@ -223,6 +225,7 @@ const FileArrayInputComponent = connect(mapStateToProps)(
@@ -259,6 +262,7 @@ const FileArrayInputComponent = connect(mapStateToProps)(
includeCollections
includeFiles
showSelection
+ options={this.props.options}
toggleItemSelection={this.refreshFiles} />
@@ -277,6 +281,3 @@ const FileArrayInputComponent = connect(mapStateToProps)(
});
type DialogContentCssRules = 'root' | 'tree' | 'divider' | 'chips';
-
-
-