CrossBorderTransferManagerLite

Read-only variant of CrossBorderTransferManager. Renders the four-stat summary, risk alerts, and transfer table — without the form, the adequacy dataset, or any add / edit / delete affordances.

Overview

CrossBorderTransferManagerLite is the display-only counterpart of CrossBorderTransferManager. It renders the same four-stat summary (active transfers, pending approval, high risk, missing TIA), the same risk alerts, and the same transfers table — but the add/edit form, the full country adequacy dataset, and the write-path utilities are not bundled.

Use it on dashboards, regulatory reports, and transparency pages where users only need to inspect transfers. For the full read/write surface, use the regular CrossBorderTransferManager from the same module.

import { CrossBorderTransferManagerLite } from '@tantainnovative/ndpr-toolkit/cross-border/lite';

Quickstart

import { CrossBorderTransferManagerLite } from '@tantainnovative/ndpr-toolkit/cross-border/lite';
import type { CrossBorderTransfer } from '@tantainnovative/ndpr-toolkit';

const transfers: CrossBorderTransfer[] = [
  {
    id: 'xfer_001',
    destinationCountry: 'United Kingdom',
    destinationCountryCode: 'GB',
    recipientOrganization: 'Acme UK Ltd',
    transferMechanism: 'adequacy_decision',
    adequacyStatus: 'adequate',
    riskLevel: 'low',
    status: 'active',
    tiaCompleted: true,
    createdAt: Date.now(),
    updatedAt: Date.now(),
    // ...remaining CrossBorderTransfer fields
  },
];

export default function TransfersOverview() {
  return (
    <CrossBorderTransferManagerLite
      transfers={transfers}
      showSummary
      showRiskAlerts
      onTransferClick={(t) => router.push(`/transfers/${t.id}`)}
    />
  );
}

Props

PropTypeDescription
transfersCrossBorderTransfer[]Required. Transfers to display. Sorted by updatedAt descending in the rendered table.
titlestringHeader. Defaults to "Cross-Border Data Transfer Manager".
descriptionstringSub-header. Defaults to an NDPA Part VIII (Sections 41-43) explainer.
showSummarybooleanToggle the four-stat summary cards. Defaults to true.
showRiskAlertsbooleanToggle the high-risk / NDPC-approval-required alert banner. Defaults to true.
onTransferClick(transfer: CrossBorderTransfer) => voidOptional row callback. When provided, each row becomes keyboard-accessible (role="button", Enter / Space activates).
classNamestringExtra class merged onto the root.
classNamesCrossBorderTransferManagerLiteClassNamesPer-slot overrides (root, header, title, summary, summaryCard, table, tableHeader, tableRow, statusBadge, riskBadge, riskAlert).
unstyledbooleanStrip every default class.

When NOT to use the Lite variant

  • You need an admin to add, edit, or terminate transfers — use the full CrossBorderTransferManager.
  • You want the bundled country-adequacy lookup UI — also full only.
  • You want server-side validation of new transfers — pair the full variant with validateTransfer from /core.