Core UI components
Files in ./ApiTables/core and general-components
| Component | Responsibility |
|---|
TableBody.tsx | Main RDT table: data, sort, select, expand, loaders |
TableFilters.tsx | Filter sheet + submit |
AppliedFilters.tsx | Filter chips |
FilterTrigger.tsx | Show/hide filters |
TableSorting.tsx | Active sort badge + reset |
TableBulkActions.tsx | Bulk dropdown |
ActionsOfSelection.tsx | Selection row-action bar |
TableRowActions.tsx | Per-row action menu |
TablePagination.tsx | Page controls + result text |
TablePageSize.tsx | Rows-per-page + LS persist |
ColumnsVisibility.tsx | Column toggle popover |
ExpandedRow.tsx | Expandable detail row |
TableCustomElements.tsx | CalculateWithdrawalAmount for withdrawal tables |
| Component | Responsibility |
|---|
ColumnCellTypes.tsx | All typed cells — see Column types |
RowActionsElements.tsx | Action buttons — see Action types |
Checkbox.tsx | RDT selection checkbox adapter |
Loaders.tsx | TableLoader, FullPageTableLoader, IntegrationLoader, DashboardCardLoader |
| Component | Responsibility |
|---|
ApiTablesModals.tsx | Master modal router |
RowActionsModals.tsx | View + confirm |
ColumnsStaticModals.tsx | Datalist + HTML modals |
| Hook | File |
|---|
useTableStructure | ./ApiTables/hooks/useTableStructure.ts |
useTableFetcher | ./ApiTables/hooks/useTableFetcher.ts |
useUtilTranslator | ./ApiTables/table-utils/useUtilTranslator.ts |
See UI layout for where each control appears on screen.