+ <div
+ onContextMenu={(event) => {
+ const [action, id] = getActionAndId(event, 'CONTEXT_MENU');
+ this.props.onContextMenu(event, { id } as any);
+ }}
+ onClick={(event) => {
+ const [action, id] = getActionAndId(event);
+
+ if (action && id) {
+ switch(action) {
+ case 'TOGGLE_OPEN':
+ this.handleToggleItemOpen({ id } as any, event);
+ break;
+ case 'TOGGLE_ACTIVE':
+ toggleItemActive(event, { id } as any);
+ break;
+ default:
+ break;
+ }
+ }
+ }}
+ >
+ {
+ it.items
+ .map((item: any) => <div key={item.id} data-id={item.id}
+ className={classnames(childItem, { [active]: item.active })}
+ style={{ paddingLeft: `${item.depth * levelIndentation}px`}}>
+ <i data-action="TOGGLE_OPEN" className={toggableIconContainer}>
+ <ListItemIcon className={this.getToggableIconClassNames(item.open, item.active)}>
+ {this.getProperArrowAnimation(item.status, item.items!)}
+ </ListItemIcon>
+ </i>
+ <div style={{ marginLeft: '8px' }} data-action="TOGGLE_ACTIVE" className={renderContainer}>
+ {item.data.name}
+ </div>
+ </div>)
+ }
+ {/* <Tree