X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/0534b585de71147120e880fe670ebd0e61dcf68f..8997608d0fae4eba9d92d7e363bdc6bb462e933d:/src/views-components/projects-tree-picker/tree-picker-field.tsx
diff --git a/src/views-components/projects-tree-picker/tree-picker-field.tsx b/src/views-components/projects-tree-picker/tree-picker-field.tsx
index 357058c5..75cf40c6 100644
--- a/src/views-components/projects-tree-picker/tree-picker-field.tsx
+++ b/src/views-components/projects-tree-picker/tree-picker-field.tsx
@@ -9,13 +9,17 @@ import { WrappedFieldProps } from 'redux-form';
import { ProjectsTreePicker } from 'views-components/projects-tree-picker/projects-tree-picker';
import { ProjectsTreePickerItem } from 'store/tree-picker/tree-picker-middleware';
import { PickerIdProp } from 'store/tree-picker/picker-id';
+import { FileOperationLocation, getFileOperationLocation } from "store/tree-picker/tree-picker-actions";
+import { connect } from "react-redux";
+import { Dispatch } from "redux";
export const ProjectTreePickerField = (props: WrappedFieldProps & PickerIdProp) =>
-
+
{props.meta.dirty && props.meta.error &&
@@ -30,10 +34,11 @@ const handleChange = (props: WrappedFieldProps) =>
export const CollectionTreePickerField = (props: WrappedFieldProps & PickerIdProp) =>
-
+
{props.meta.dirty && props.meta.error &&
@@ -42,3 +47,42 @@ export const CollectionTreePickerField = (props: WrappedFieldProps & PickerIdPro
}
;
+
+type ProjectsTreePickerActionProps = {
+ getFileOperationLocation: (item: ProjectsTreePickerItem) => Promise
;
+}
+
+const projectsTreePickerMapDispatchToProps = (dispatch: Dispatch): ProjectsTreePickerActionProps => ({
+ getFileOperationLocation: (item: ProjectsTreePickerItem) => dispatch(getFileOperationLocation(item)),
+});
+
+type ProjectsTreePickerCombinedProps = ProjectsTreePickerActionProps & WrappedFieldProps & PickerIdProp;
+
+export const DirectoryTreePickerField = connect(null, projectsTreePickerMapDispatchToProps)(
+ class DirectoryTreePickerFieldComponent extends React.Component {
+
+ handleDirectoryChange = (props: WrappedFieldProps) =>
+ async (_: any, { data }: TreeItem) => {
+ const location = await this.props.getFileOperationLocation(data);
+ props.input.onChange(location || '');
+ }
+
+ render() {
+ return
+
+
+ {this.props.meta.dirty && this.props.meta.error &&
+
+ {this.props.meta.error}
+ }
+
+
;
+ }
+ });