import { Tree as TreeComponent, TreeItem, TreeItemStatus } from '~/components/tree/tree';
import { noop, map } from "lodash/fp";
import { toggleNodeCollapse } from '~/models/tree';
+import { countNodes, countChildren } from '~/models/tree';
export interface DataTableFilterItem {
name: string;
export class DataTableFiltersTree extends React.Component<DataTableFilterProps> {
render() {
+ const { filters } = this.props;
+ const hasSubfilters = countNodes(filters) !== countChildren('')(filters);
return <TreeComponent
- items={filtersToTree(this.props.filters)}
+ levelIndentation={hasSubfilters ? 20 : 0}
+ itemRightPadding={20}
+ items={filtersToTree(filters)}
render={renderItem}
showSelection
+ disableRipple
onContextMenu={noop}
toggleItemActive={noop}
toggleItemOpen={this.toggleOpen}