|  |  | 
 |  |  |     TextField, | 
 |  |  |     Tooltip, | 
 |  |  |     Button, | 
 |  |  |     LinearProgress, | 
 |  |  | } from '@mui/material'; | 
 |  |  | import { Add, Edit, Delete, Padding } from '@mui/icons-material'; | 
 |  |  | import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'; | 
 |  |  | 
 |  |  | const TreeTableRow = (props) => { | 
 |  |  |     const { row, depth = 0, openNodes, setOpenNodes, onEdit, onDelete } = props; | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |      | 
 |  |  |  | 
 |  |  |     const toggleNode = (id) => { | 
 |  |  |         setOpenNodes(prevState => ({ ...prevState, [id]: !prevState[id] })); | 
 |  |  |     }; | 
 |  |  | 
 |  |  |     const refresh = useRefresh(); | 
 |  |  |     const [deleteOne] = useDelete(); | 
 |  |  |  | 
 |  |  |     const [treeData, setTreeData] = React.useState([]); | 
 |  |  |     const [treeData, setTreeData] = React.useState(null); | 
 |  |  |     const [filter, setFilter] = React.useState(""); | 
 |  |  |     const [createDialog, setCreateDialog] = React.useState(false); | 
 |  |  |     const [editRecord, setEditRecord] = React.useState(null); | 
 |  |  | 
 |  |  |                     </Button> | 
 |  |  |                 </Box> | 
 |  |  |             </Box> | 
 |  |  |             <Card> | 
 |  |  |             <Card sx={{ | 
 |  |  |                 position: 'relative', | 
 |  |  |             }}> | 
 |  |  |                 {!treeData && ( | 
 |  |  |                     <LinearProgress | 
 |  |  |                         sx={{ | 
 |  |  |                             height: "3px", | 
 |  |  |                             position: 'absolute', | 
 |  |  |                             top: 0, | 
 |  |  |                             left: 0, | 
 |  |  |                             right: 0, | 
 |  |  |                         }} | 
 |  |  |                     /> | 
 |  |  |                 )} | 
 |  |  |                 <TableContainer component={Paper}> | 
 |  |  |                     <Table size="small"> | 
 |  |  |                         <TableHead> |