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 { IconType } from "components/icon/icon";
import { SvgIconProps } from "@material-ui/core/SvgIcon";
import ArrowDownwardIcon from "@material-ui/icons/ArrowDownward";
import { createTree } from "models/tree";
| "tableCell"
| "arrow"
| "arrowButton"
- | "tableCellWorkflows"
- | "loader";
+ | "tableCellWorkflows";
const styles: StyleRulesCallback<CssRules> = (theme: Theme) => ({
root: {
tableBody: {
background: theme.palette.background.paper,
},
- loader: {
- left: "50%",
- marginLeft: "-84px",
- position: "absolute",
- },
noItemsInfo: {
textAlign: "center",
padding: theme.spacing.unit,
display: "flex",
width: '2rem',
height: "1.5rem",
- paddingLeft: '0.8rem',
- marginRight: '0.2rem'
+ paddingLeft: '0.9rem',
+ marginRight: '0.5rem'
},
checkBoxCell: {
padding: "0",
},
clickBox: {
- width: '1.4rem',
- height: "1.4rem",
- paddingLeft: '0.25rem',
- paddingTop: '0rem',
+ display: 'flex',
+ width: '1.6rem',
+ height: "1.5rem",
+ paddingLeft: '0.35rem',
+ paddingTop: '0.1rem',
marginLeft: '0.5rem',
cursor: "pointer",
},
</TableHead>
<TableBody className={classes.tableBody}>{!working && items.map(this.renderBodyRow)}</TableBody>
</Table>
- {!!working && (
- <div className={classes.loader}>
- <DataTableDefaultView
- icon={PendingIcon}
- messages={["Loading data, please wait."]}
- />
- </div>
- )}
{items.length === 0 && !working && this.renderNoItemsPlaceholder(this.props.columns)}
</div>
</div>