File manager - Edit - /var/www/payraty/helpdesk/common/resources/client/ui/tables/table-cell.tsx
Back
import {useContext, useMemo} from 'react'; import {TableContext} from './table-context'; import {TableDataItem} from './types/table-data-item'; import {RowContext} from '@common/datatable/column-config'; import {useTableCellStyle} from '@common/ui/tables/style/use-table-cell-style'; interface TableCellProps { rowIsHovered: boolean; rowIndex: number; index: number; item: TableDataItem; id?: string; } export function TableCell({ rowIndex, rowIsHovered, index, item, id, }: TableCellProps) { const {columns} = useContext(TableContext); const column = columns[index]; const rowContext: RowContext = useMemo(() => { return { index: rowIndex, isHovered: rowIsHovered, isPlaceholder: item.isPlaceholder, }; }, [rowIndex, rowIsHovered, item.isPlaceholder]); const style = useTableCellStyle({ index: index, isHeader: false, }); return ( <div tabIndex={-1} role="gridcell" aria-colindex={index + 1} id={id} className={style} > <div className="w-full min-w-0 overflow-hidden overflow-ellipsis"> {column.body(item, rowContext)} </div> </div> ); }
| ver. 1.4 |
Github
|
.
| PHP 8.3.30 | Generation time: 0 |
proxy
|
phpinfo
|
Settings