function buildList(self, data) {
let toReturn = [];
data.id.map(function(k,i) {
- toReturn.push (contentFolder(self, data.data[k], k, i, self.props.filesState, self.updateFileLocationInput, self.sendDownloadFileRequst, self.deleteFile));
+ toReturn.push (contentFolder(self, data.data[k], k, k+i, self.props.filesState, self.updateFileLocationInput, self.sendDownloadFileRequst, self.deleteFile));
});
return toReturn.reverse();
}
function contentFolder(context, folder, path, key, inputState, updateFn, sendDownloadFileRequst, deleteFn) {
let type = context.props.type;
let id = context.props.item.id;
- let classId = `DZ-${path.replace(/\//g, '-')}`;
+ let classId = `DZ-${path.replace(/\/|\s+/g, '-')}`;
const onboardDropZone = createDropZone.bind(this, FileManagerUploadDropZone.ACTIONS.onboard, '.ComposerAppAddFile.' + classId, type, id, path);
return (
<Panel title={path} key={key} itemClassName="nested" no-corners>
}
render() {
let {type, id, path, key, ...props} = this.props;
- let classId = `DZ-${path.replace(/\//g, '-')}`;
+ let classId = `DZ-${path.replace(/\/|\s+/g, '-')}`;
return (
<div className="inputSection">
<label className="sqTextInput" style={{flexDirection: 'row', alignItems:'center'}}>