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 { getFileOperationLocation } from "store/tree-picker/tree-picker-actions";
export const ProjectTreePickerField = (props: WrappedFieldProps & PickerIdProp) =>
<div style={{ display: 'flex', minHeight: 0, flexDirection: 'column' }}>
</Typography>}
</div>
</div>;
+
+const handleDirectoryChange = (props: WrappedFieldProps) =>
+ (_: any, { data }: TreeItem<ProjectsTreePickerItem>) => {
+ props.input.onChange(getFileOperationLocation(data) || '');
+ }
+
+export const DirectoryTreePickerField = (props: WrappedFieldProps & PickerIdProp) =>
+ <div style={{ display: 'flex', minHeight: 0, flexDirection: 'column' }}>
+ <div style={{ flexBasis: '275px', flexShrink: 1, minHeight: 0, display: 'flex', flexDirection: 'column' }}>
+ <ProjectsTreePicker
+ currentUuid={props.input.value.uuid}
+ pickerId={props.pickerId}
+ toggleItemActive={handleDirectoryChange(props)}
+ options={{ showOnlyOwned: false, showOnlyWritable: true }}
+ includeCollections
+ includeDirectories />
+ {props.meta.dirty && props.meta.error &&
+ <Typography variant='caption' color='error'>
+ {props.meta.error}
+ </Typography>}
+ </div>
+ </div>;