BankPostingSummary
'Waiting to post, by account': what To post will put in the ledger per account and direction, with line counts and signed totals.
import { BankPostingSummary } from "@cynco-labs/ui";Example
import { BankPostingSummary } from "@cynco-labs/ui";
export default function BankPostingSummaryDemo() {
return (
<BankPostingSummary
activeKey="6210|debit"
totals={[
{
accountCode: "4000",
accountName: "Sales Revenue",
type: "credit",
count: 38,
total: 84250,
},
{
accountCode: "1200-001",
accountName: "Trade Receivables",
type: "credit",
count: 12,
total: 46980.5,
},
{ accountCode: "6210", accountName: "Utilities", type: "debit", count: 4, total: 2316.8 },
{
accountCode: "6120",
accountName: "EPF Contributions",
type: "debit",
count: 1,
total: 6842,
},
{ accountCode: "6130", accountName: "SOCSO & EIS", type: "debit", count: 1, total: 1187.6 },
{ accountCode: null, accountName: null, type: "debit", count: 2, total: 310 },
]}
/>
);
}Use
Above the feed when filtered to To post, so a miscoding shows as a total on the wrong account.
Props
totals [{accountCode, accountName, type, count, total, currency}], activeKey ('code|type'), onSelect(key | null), className and native props (spread on the root).
Notes
Responsive: built on DataList: a tray table from 32rem, stacked rows (account and total, then direction and line count) below.