- dialogContent = withStyles(this.dialogContentStyles)(
- ({ classes }: WithStyles<DialogContentCssRules>) =>
- <div className={classes.pickerWrapper}>
- <div className={classes.tree}>
- <ProjectsTreePicker
- pickerId={this.props.commandInput.id}
- includeCollections
- showSelection
- options={this.props.options}
- toggleItemSelection={this.refreshDirectories} />
- </div>
- <Divider />
- <div className={classes.chips}>
- <Typography variant='subtitle1'>Selected collections ({this.state.directories.length}):</Typography>
- <Chips
- orderable
- deletable
- values={this.state.directories}
- onChange={this.setDirectories}
- getLabel={(directory: CollectionResource) => directory.name} />
- </div>
- </div>
- );
-