-} from "@material-ui/core";
-import classnames from "classnames";
-import { DataColumn, SortDirection } from "./data-column";
-import { DataTableDefaultView } from "../data-table-default-view/data-table-default-view";
-import { DataTableFilters } from "../data-table-filters/data-table-filters-tree";
-import { DataTableMultiselectPopover } from "../data-table-multiselect-popover/data-table-multiselect-popover";
-import { DataTableFiltersPopover } from "../data-table-filters/data-table-filters-popover";
-import { countNodes, getTreeDirty } from "models/tree";
-import { IconType, PendingIcon } from "components/icon/icon";
-import { SvgIconProps } from "@material-ui/core/SvgIcon";
-import ArrowDownwardIcon from "@material-ui/icons/ArrowDownward";
-import { createTree } from "models/tree";
-import { DataTableMultiselectOption } from "../data-table-multiselect-popover/data-table-multiselect-popover";
+} from '@material-ui/core';
+import classnames from 'classnames';
+import { DataColumn, SortDirection } from './data-column';
+import { DataTableDefaultView } from '../data-table-default-view/data-table-default-view';
+import { DataTableFilters } from '../data-table-filters/data-table-filters-tree';
+import { DataTableMultiselectPopover } from '../data-table-multiselect-popover/data-table-multiselect-popover';
+import { DataTableFiltersPopover } from '../data-table-filters/data-table-filters-popover';
+import { countNodes, getTreeDirty } from 'models/tree';
+import { IconType, PendingIcon } from 'components/icon/icon';
+import { SvgIconProps } from '@material-ui/core/SvgIcon';
+import ArrowDownwardIcon from '@material-ui/icons/ArrowDownward';
+import { createTree } from 'models/tree';
+import { DataTableMultiselectOption } from '../data-table-multiselect-popover/data-table-multiselect-popover';
const { items, toggleMSToolbar, setCheckedListOnStore } = this.props;
const { isSelected, checkedList } = this.state;
if (prevProps.items !== items) {
const { items, toggleMSToolbar, setCheckedListOnStore } = this.props;
const { isSelected, checkedList } = this.state;
if (prevProps.items !== items) {
if (items.length) this.initializeCheckedList(items);
else this.setState({ checkedList: {} });
}
if (prevState.checkedList !== checkedList) {
if (items.length) this.initializeCheckedList(items);
else this.setState({ checkedList: {} });
}
if (prevState.checkedList !== checkedList) {
setCheckedListOnStore(checkedList);
}
}
checkBoxColumn: DataColumn<any, any> = {
setCheckedListOnStore(checkedList);
}
}
checkBoxColumn: DataColumn<any, any> = {
name={uuid}
className={this.props.classes.checkBox}
checked={this.state.checkedList[uuid] ?? false}
onChange={() => this.handleCheck(uuid)}
name={uuid}
className={this.props.classes.checkBox}
checked={this.state.checkedList[uuid] ?? false}
onChange={() => this.handleCheck(uuid)}
- { name: "All", fn: list => this.handleSelectAll(list) },
- { name: "None", fn: list => this.handleSelectNone(list) },
- { name: "Invert", fn: list => this.handleInvertSelect(list) },
+ { name: 'All', fn: (list) => this.handleSelectAll(list) },
+ { name: 'None', fn: (list) => this.handleSelectNone(list) },
+ { name: 'Invert', fn: (list) => this.handleInvertSelect(list) },
];
initializeCheckedList = (uuids: any[]): void => {
const newCheckedList = { ...this.state.checkedList };
];
initializeCheckedList = (uuids: any[]): void => {
const newCheckedList = { ...this.state.checkedList };
if (!Object.keys(checkedList).length) return false;
for (const key in checkedList) {
if (checkedList[key] === true) return true;
if (!Object.keys(checkedList).length) return false;
for (const key in checkedList) {
if (checkedList[key] === true) return true;
const { checkedList } = this.state;
const newCheckedList = { ...checkedList };
newCheckedList[uuid] = !checkedList[uuid];
const { checkedList } = this.state;
const newCheckedList = { ...checkedList };
newCheckedList[uuid] = !checkedList[uuid];
- const dirty = columns.some(column => getTreeDirty("")(column.filters));
- return (
- <DataTableDefaultView
- icon={this.props.defaultViewIcon}
- messages={this.props.defaultViewMessages}
- filtersApplied={dirty}
- />
- );
+ const dirty = columns.some((column) => getTreeDirty('')(column.filters));
+ return <DataTableDefaultView icon={this.props.defaultViewIcon} messages={this.props.defaultViewMessages} filtersApplied={dirty} />;
};
renderHeadCell = (column: DataColumn<T, any>, index: number) => {
const { name, key, renderHeader, filters, sort } = column;
const { onSortToggle, onFiltersChange, classes } = this.props;
const { isSelected, checkedList } = this.state;
};
renderHeadCell = (column: DataColumn<T, any>, index: number) => {
const { name, key, renderHeader, filters, sort } = column;
const { onSortToggle, onFiltersChange, classes } = this.props;
const { isSelected, checkedList } = this.state;
</Tooltip>
<DataTableMultiselectPopover
name={`Options`}
disabled={!this.props.items.length}
options={this.multiselectOptions}
</Tooltip>
<DataTableMultiselectPopover
name={`Options`}
disabled={!this.props.items.length}
options={this.multiselectOptions}
direction={sort.direction !== SortDirection.NONE ? sort.direction : undefined}
IconComponent={this.ArrowIcon}
hideSortIcon
direction={sort.direction !== SortDirection.NONE ? sort.direction : undefined}
IconComponent={this.ArrowIcon}
hideSortIcon
- <IconButton
- component="span"
- className={this.props.classes.arrowButton}
- tabIndex={-1}>
- <ArrowDownwardIcon
- {...props}
- className={classnames(className, this.props.classes.arrow)}
- />
+ <IconButton component='span' className={this.props.classes.arrowButton} tabIndex={-1}>
+ <ArrowDownwardIcon {...props} className={classnames(className, this.props.classes.arrow)} />
- onDoubleClick={event => onRowDoubleClick && onRowDoubleClick(event, item)}
- selected={item === currentItemUuid}>
+ onDoubleClick={(event) => onRowDoubleClick && onRowDoubleClick(event, item)}
+ selected={item === currentItemUuid}
+ >
{this.mapVisibleColumns((column, index) => (
<TableCell
key={column.key || index}
className={
{this.mapVisibleColumns((column, index) => (
<TableCell
key={column.key || index}
className={
};
mapVisibleColumns = (fn: (column: DataColumn<T, any>, index: number) => React.ReactElement<any>) => {
};
mapVisibleColumns = (fn: (column: DataColumn<T, any>, index: number) => React.ReactElement<any>) => {