@nhic/rwds-react 0.0.0-stage → 1.0.0-next.0

package/dist/CreateAccountPage/CreateAccountPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateAccountPage.d.ts","sourceRoot":"","sources":["../../src/CreateAccountPage/CreateAccountPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,MAAM,WAAW,sBAAsB;IACrC,iFAAiF;IACjF,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,kGAAkG;IAClG,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,gFAAgF;AAChF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,GACV,EAAE,sBAAsB,GAAG,SAAS,CAmCpC"}

package/dist/CreateAccountPage/CreateAccountPage.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { Button } from "../Button/Button.js";
+import { Link } from "../Link/Link.js";
+import { Notice } from "../Notice/Notice.js";
+import { TextField } from "../TextField/TextField.js";
+import { useMessages } from "../providers/index.js";
+import { cx } from "../shared/classes.js";
+/** The page to create an account: full name, email or phone, and a password. */
+export function CreateAccountPage({ action, signInHref, error, className, }) {
+    const { t } = useMessages();
+    const titleId = useId();
+    return (_jsxs("section", { className: cx('rw-auth-page', className), "aria-labelledby": titleId, children: [_jsx("h1", { className: "rw-auth-page__title", id: titleId, children: t('auth.create.title') }), error !== undefined && (_jsx(Notice, { tone: "critical", announce: "assertive", children: error })), _jsxs("form", { className: "rw-auth-page__form", method: "post", action: action, children: [_jsx(TextField, { label: t('auth.fullName'), name: "name", autoComplete: "name" }), _jsx(TextField, { label: t('auth.identifier'), name: "identifier", autoComplete: "username" }), _jsx(TextField, { label: t('auth.password'), hint: t('auth.passwordHint'), name: "password", type: "password", autoComplete: "new-password", minLength: 12 }), _jsx(Button, { type: "submit", variant: "primary", children: t('auth.create.action') })] }), _jsx("p", { className: "rw-auth-page__footer", children: _jsxs("span", { children: [t('auth.haveAccount'), " ", _jsx(Link, { href: signInHref, children: t('auth.signInLink') })] }) })] }));
+}
+//# sourceMappingURL=CreateAccountPage.js.map

package/dist/CreateAccountPage/CreateAccountPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateAccountPage.js","sourceRoot":"","sources":["../../src/CreateAccountPage/CreateAccountPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAsB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAkB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAsB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA4B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAW1C,gFAAgF;AAChF,MAAM,UAAU,iBAAiB,CAAC,EAChC,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,GACc;IACvB,MAAM,EAAE,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,OAAO,CACL,mBAAS,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,qBAAmB,OAAO,aACzE,aAAI,SAAS,EAAC,qBAAqB,EAAC,EAAE,EAAE,OAAO,YAC5C,CAAC,CAAC,mBAAmB,CAAC,GACpB,EACJ,KAAK,KAAK,SAAS,IAAI,CACtB,KAAC,MAAM,IAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,WAAW,YACzC,KAAK,GACC,CACV,EACD,gBAAM,SAAS,EAAC,oBAAoB,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAE,MAAM,aAC/D,KAAC,SAAS,IAAC,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,EAAE,IAAI,EAAC,MAAM,EAAC,YAAY,EAAC,MAAM,GAAG,EACxE,KAAC,SAAS,IAAC,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,IAAI,EAAC,YAAY,EAAC,YAAY,EAAC,UAAU,GAAG,EACpF,KAAC,SAAS,IACR,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,EACzB,IAAI,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAC5B,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,UAAU,EACf,YAAY,EAAC,cAAc,EAC3B,SAAS,EAAE,EAAE,GACb,EACF,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,YACpC,CAAC,CAAC,oBAAoB,CAAC,GACjB,IACJ,EACP,YAAG,SAAS,EAAC,sBAAsB,YACjC,2BACG,CAAC,CAAC,kBAAkB,CAAC,OAAE,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,YAAG,CAAC,CAAC,iBAAiB,CAAC,GAAQ,IACxE,GACL,IACI,CACX,CAAC;AACJ,CAAC"}

package/dist/CreateAccountPage/index.d.ts

@@ -0,0 +1,3 @@
+export { CreateAccountPage } from './CreateAccountPage.tsx';
+export type { CreateAccountPageProps } from './CreateAccountPage.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/CreateAccountPage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CreateAccountPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,YAAY,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/CreateAccountPage/index.js

@@ -0,0 +1,2 @@
+export { CreateAccountPage } from "./CreateAccountPage.js";
+//# sourceMappingURL=index.js.map

package/dist/CreateAccountPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/CreateAccountPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAyB,CAAC"}

package/dist/DashboardLayout/DashboardLayout.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+export interface DashboardLayoutProps {
+    /** The dashboard's title, such as "Licensing this month". */
+    readonly title: ReactNode;
+    /** A line above the title, such as the organisation the person acts for. */
+    readonly eyebrow?: ReactNode;
+    /** A line under the title, such as how many things need their action. */
+    readonly description?: ReactNode;
+    /** Beside the title, such as the period and an export button. */
+    readonly actions?: ReactNode;
+    /** A row of figures, usually `KpiTile`s. */
+    readonly figures?: ReactNode;
+    /** Under the charts, the work to act on now, such as a short table of overdue cases. */
+    readonly actNow?: ReactNode;
+    /** The charts, each in a card, two to a row on large screens. */
+    readonly children?: ReactNode;
+    /** Beside the work on large screens, such as what is coming up and payments. */
+    readonly rail?: ReactNode;
+    readonly className?: string;
+}
+/** A dashboard: the title, a row of figures, a grid of charts, then what to act on now. */
+export declare function DashboardLayout({ title, eyebrow, description, actions, figures, actNow, children, rail, className, }: DashboardLayoutProps): ReactNode;
+//# sourceMappingURL=DashboardLayout.d.ts.map

package/dist/DashboardLayout/DashboardLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../../src/DashboardLayout/DashboardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,oBAAoB;IACnC,6DAA6D;IAC7D,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,4EAA4E;IAC5E,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,yEAAyE;IACzE,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,iEAAiE;IACjE,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,4CAA4C;IAC5C,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,wFAAwF;IACxF,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC5B,iEAAiE;IACjE,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,gFAAgF;IAChF,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,2FAA2F;AAC3F,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,WAAW,EACX,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,SAAS,GACV,EAAE,oBAAoB,GAAG,SAAS,CAqClC"}

package/dist/DashboardLayout/DashboardLayout.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cx } from "../shared/classes.js";
+/** A dashboard: the title, a row of figures, a grid of charts, then what to act on now. */
+export function DashboardLayout({ title, eyebrow, description, actions, figures, actNow, children, rail, className, }) {
+    const charts = children !== undefined && (_jsx("div", { className: "rw-dashboard-layout__charts", children: children }));
+    return (_jsxs("div", { className: cx('rw-dashboard-layout', className), children: [_jsxs("div", { className: "rw-dashboard-layout__header", children: [eyebrow === undefined && description === undefined ? (_jsx("h1", { className: "rw-dashboard-layout__title", children: title })) : (_jsxs("div", { className: "rw-dashboard-layout__heading", children: [eyebrow !== undefined && _jsx("p", { className: "rw-dashboard-layout__eyebrow", children: eyebrow }), _jsx("h1", { className: "rw-dashboard-layout__title", children: title }), description !== undefined && (_jsx("p", { className: "rw-dashboard-layout__description", children: description }))] })), actions] }), figures !== undefined && _jsx("div", { className: "rw-dashboard-layout__figures", children: figures }), rail === undefined ? (_jsxs(_Fragment, { children: [charts, actNow] })) : (_jsxs("div", { className: "rw-dashboard-layout__body", children: [_jsxs("div", { className: "rw-dashboard-layout__main", children: [charts, actNow] }), _jsx("aside", { className: "rw-dashboard-layout__rail", children: rail })] }))] }));
+}
+//# sourceMappingURL=DashboardLayout.js.map

package/dist/DashboardLayout/DashboardLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayout.js","sourceRoot":"","sources":["../../src/DashboardLayout/DashboardLayout.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAsB1C,2FAA2F;AAC3F,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,WAAW,EACX,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,SAAS,GACY;IACrB,MAAM,MAAM,GAAG,QAAQ,KAAK,SAAS,IAAI,CACvC,cAAK,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAO,CAC9D,CAAC;IACF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAClD,eAAK,SAAS,EAAC,6BAA6B,aACzC,OAAO,KAAK,SAAS,IAAI,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,CACpD,aAAI,SAAS,EAAC,4BAA4B,YAAE,KAAK,GAAM,CACxD,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,8BAA8B,aAC1C,OAAO,KAAK,SAAS,IAAI,YAAG,SAAS,EAAC,8BAA8B,YAAE,OAAO,GAAK,EACnF,aAAI,SAAS,EAAC,4BAA4B,YAAE,KAAK,GAAM,EACtD,WAAW,KAAK,SAAS,IAAI,CAC5B,YAAG,SAAS,EAAC,kCAAkC,YAAE,WAAW,GAAK,CAClE,IACG,CACP,EACA,OAAO,IACJ,EACL,OAAO,KAAK,SAAS,IAAI,cAAK,SAAS,EAAC,8BAA8B,YAAE,OAAO,GAAO,EACtF,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACpB,8BACG,MAAM,EACN,MAAM,IACN,CACJ,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,2BAA2B,aACxC,eAAK,SAAS,EAAC,2BAA2B,aACvC,MAAM,EACN,MAAM,IACH,EACN,gBAAO,SAAS,EAAC,2BAA2B,YAAE,IAAI,GAAS,IACvD,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/DashboardLayout/index.d.ts

@@ -0,0 +1,3 @@
+export { DashboardLayout } from './DashboardLayout.tsx';
+export type { DashboardLayoutProps } from './DashboardLayout.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/DashboardLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DashboardLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/DashboardLayout/index.js

@@ -0,0 +1,2 @@
+export { DashboardLayout } from "./DashboardLayout.js";
+//# sourceMappingURL=index.js.map

package/dist/DashboardLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DashboardLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAuB,CAAC"}

package/dist/DataGrid/DataGrid.d.ts

@@ -0,0 +1,52 @@
+import type { TableSort } from '@nhic/rwds-i18n';
+import type { ReactNode } from 'react';
+export interface DataGridColumn<Row> {
+    /** Names the column in sorts and exports. */
+    readonly id: string;
+    readonly header: string;
+    /** The value the column sorts and exports by: a number, a string or a date. */
+    readonly value: (row: Row) => string | number | Date | null;
+    /** What the cell shows; the value as text unless set. */
+    readonly cell?: (row: Row) => ReactNode;
+    /** Aligns the column to the end, for amounts and counts. */
+    readonly isNumeric?: boolean;
+    /** Makes the cell a row header: the column that names the row, such as its reference. */
+    readonly isRowHeader?: boolean;
+    /** Lets people sort by this column. True unless set. */
+    readonly isSortable?: boolean;
+}
+export type DataGridDensity = 'comfortable' | 'compact';
+export interface DataGridProps<Row> {
+    /** Names the grid, such as "Applications". */
+    readonly caption: string;
+    readonly columns: readonly DataGridColumn<Row>[];
+    readonly rows: readonly Row[];
+    /** A unique id per row: the selection holds these. */
+    readonly rowKey: (row: Row) => string;
+    /** Names a row in its select box label. The row key unless set. */
+    readonly rowLabel?: (row: Row) => string;
+    /** The sort, first column first. Leave it out to let the grid hold it. */
+    readonly sort?: readonly TableSort[];
+    readonly onSortChange?: (sort: TableSort[]) => void;
+    /** The server sorts the rows, so the grid shows them in the order given. */
+    readonly isSortedByServer?: boolean;
+    /** The selected row keys. Setting it adds a select box to every row. */
+    readonly selectedKeys?: ReadonlySet<string>;
+    readonly onSelectionChange?: (keys: Set<string>) => void;
+    /** What people can do with the selected rows, such as Assign or Export. */
+    readonly bulkActions?: ReactNode;
+    readonly density?: DataGridDensity;
+    readonly onDensityChange?: (density: DataGridDensity) => void;
+    /** Offers the rows as a CSV file under this name, such as "applications". */
+    readonly exportName?: string;
+    /** Shown across every column when there are no rows, usually an `EmptyState`. */
+    readonly empty?: ReactNode;
+    readonly className?: string;
+}
+/**
+ * A data grid for analysis: sort by one column or several, select rows for bulk actions, change
+ * the row height, move cell by cell with the keyboard, and download the rows. Long grids keep
+ * only the rows in view in the page.
+ */
+export declare function DataGrid<Row>({ caption, columns, rows, rowKey, rowLabel, sort: controlledSort, onSortChange, isSortedByServer, selectedKeys, onSelectionChange, bulkActions, density: controlledDensity, onDensityChange, exportName, empty, className, }: DataGridProps<Row>): ReactNode;
+//# sourceMappingURL=DataGrid.d.ts.map

package/dist/DataGrid/DataGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../src/DataGrid/DataGrid.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAW,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAU1D,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAMtD,MAAM,WAAW,cAAc,CAAC,GAAG;IACjC,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,+EAA+E;IAC/E,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5D,yDAAyD;IACzD,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,SAAS,CAAC;IACxC,4DAA4D;IAC5D,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,yFAAyF;IACzF,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,wDAAwD;IACxD,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG,SAAS,CAAC;AAExD,MAAM,WAAW,aAAa,CAAC,GAAG;IAChC,8CAA8C;IAC9C,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,SAAS,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;IACjD,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,EAAE,CAAC;IAC9B,sDAAsD;IACtD,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,CAAC;IACtC,mEAAmE;IACnE,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,CAAC;IACzC,0EAA0E;IAC1E,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IACrC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IACpD,4EAA4E;IAC5E,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,wEAAwE;IACxE,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5C,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACzD,2EAA2E;IAC3E,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,OAAO,CAAC,EAAE,eAAe,CAAC;IACnC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC9D,6EAA6E;IAC7E,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,iFAAiF;IACjF,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAgBD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,EAC5B,OAAO,EACP,OAAO,EACP,IAAI,EACJ,MAAM,EACN,QAAiB,EACjB,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,gBAAwB,EACxB,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACX,OAAO,EAAE,iBAAiB,EAC1B,eAAe,EACf,UAAU,EACV,KAAK,EACL,SAAS,GACV,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CA2XhC"}

package/dist/DataGrid/DataGrid.js

@@ -0,0 +1,218 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CaretDownIcon } from '@nhic/rwds-icons/react/caret-down';
+import { CaretUpDownIcon } from '@nhic/rwds-icons/react/caret-up-down';
+import { CaretUpIcon } from '@nhic/rwds-icons/react/caret-up';
+import { DownloadSimpleIcon } from '@nhic/rwds-icons/react/download-simple';
+import { formatNumber, resolveLocale, saveFile, toCsv } from '@nhic/rwds-i18n';
+import { flexRender, getCoreRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
+import { useVirtualizer } from '@tanstack/react-virtual';
+import { useEffect, useId, useMemo, useRef, useState } from 'react';
+import { Button } from "../Button/Button.js";
+import { useLocale, useMessages } from "../providers/index.js";
+import { SegmentedControl } from "../SegmentedControl/SegmentedControl.js";
+import { cx } from "../shared/classes.js";
+// Past this many rows, only the rows in view are in the page.
+const VIRTUAL_FROM = 100;
+const SORT_ICONS = { asc: CaretUpIcon, desc: CaretDownIcon };
+const toSorting = (sort) => sort.map((item) => ({ id: item.column, desc: item.direction === 'descending' }));
+const fromSorting = (sorting) => sorting.map((item) => ({ column: item.id, direction: item.desc ? 'descending' : 'ascending' }));
+const text = (value) => value === null ? '' : value instanceof Date ? value.toISOString().slice(0, 10) : String(value);
+/**
+ * A data grid for analysis: sort by one column or several, select rows for bulk actions, change
+ * the row height, move cell by cell with the keyboard, and download the rows. Long grids keep
+ * only the rows in view in the page.
+ */
+export function DataGrid({ caption, columns, rows, rowKey, rowLabel = rowKey, sort: controlledSort, onSortChange, isSortedByServer = false, selectedKeys, onSelectionChange, bulkActions, density: controlledDensity, onDensityChange, exportName, empty, className, }) {
+    const { t } = useMessages();
+    const locale = resolveLocale(useLocale());
+    const captionId = useId();
+    const hintId = useId();
+    const scroller = useRef(null);
+    const allRef = useRef(null);
+    const [ownSort, setOwnSort] = useState([]);
+    const [ownDensity, setOwnDensity] = useState('comfortable');
+    const [announcement, setAnnouncement] = useState('');
+    // The cell that takes Tab: row -1 is the header row.
+    const [focus, setFocus] = useState({ row: -1, column: 0 });
+    const sort = controlledSort ?? ownSort;
+    const density = controlledDensity ?? ownDensity;
+    const isSelectable = selectedKeys !== undefined;
+    // Stable while the sort is the same, even when a page passes a new array each render: a new
+    // array makes the table recompute its rows and reset its own state, which renders without end.
+    const sortKey = sort.map((item) => `${item.column}:${item.direction}`).join(',');
+    const sorting = useMemo(() => toSorting(sort), [sortKey]);
+    const columnDefs = useMemo(() => columns.map((column) => ({
+        id: column.id,
+        header: column.header,
+        accessorFn: (row) => column.value(row) ?? undefined,
+        sortUndefined: 'last',
+        enableSorting: column.isSortable !== false,
+        cell: (info) => column.cell ? column.cell(info.row.original) : text(column.value(info.row.original)),
+    })), [columns]);
+    const table = useReactTable({
+        data: rows,
+        columns: columnDefs,
+        state: { sorting },
+        onSortingChange: (updater) => {
+            const next = fromSorting(typeof updater === 'function' ? updater(sorting) : updater);
+            const names = next.map((item) => columns.find((c) => c.id === item.column)?.header ?? item.column);
+            setAnnouncement(next.length === 0
+                ? t('dataGrid.unsorted')
+                : t('dataGrid.sortedBy', { columns: names.join(', ') }));
+            if (controlledSort === undefined)
+                setOwnSort(next);
+            onSortChange?.(next);
+        },
+        getCoreRowModel: getCoreRowModel(),
+        ...(isSortedByServer ? { manualSorting: true } : { getSortedRowModel: getSortedRowModel() }),
+        enableMultiSort: true,
+        // Every column sorts low to high first, as the data table does; TanStack starts numbers high.
+        sortDescFirst: false,
+        isMultiSortEvent: (event) => event.shiftKey === true,
+        getRowId: (row) => rowKey(row),
+    });
+    const shown = table.getRowModel().rows;
+    const keys = shown.map((row) => row.id);
+    const selectedHere = keys.filter((key) => selectedKeys?.has(key)).length;
+    const isAllSelected = keys.length > 0 && selectedHere === keys.length;
+    const isVirtual = shown.length > VIRTUAL_FROM;
+    const columnCount = columns.length + (isSelectable ? 1 : 0);
+    const virtualizer = useVirtualizer({
+        count: isVirtual ? shown.length : 0,
+        enabled: isVirtual,
+        getScrollElement: () => scroller.current,
+        // The token row height, read once; each row is measured as it renders.
+        estimateSize: () => Number.parseFloat(scroller.current
+            ? getComputedStyle(scroller.current).getPropertyValue('--rw-size-table-row')
+            : '') || 40,
+        overscan: 10,
+    });
+    useEffect(() => {
+        if (allRef.current)
+            allRef.current.indeterminate = selectedHere > 0 && !isAllSelected;
+    }, [selectedHere, isAllSelected]);
+    const select = (changed, on) => {
+        const next = new Set(selectedKeys);
+        for (const key of changed) {
+            if (on)
+                next.add(key);
+            else
+                next.delete(key);
+        }
+        onSelectionChange?.(next);
+    };
+    // Moves focus cell by cell, as the grid pattern asks: arrows, Home and End, Page Up and Down.
+    const move = (event) => {
+        const target = event.target;
+        // Space ticks a row's box; Enter follows a link or presses a button in the focused cell.
+        if (target.hasAttribute('data-cell') && (event.key === ' ' || event.key === 'Enter')) {
+            const control = target.querySelector(event.key === ' ' ? 'input[type="checkbox"]' : 'a[href], button, input[type="checkbox"]');
+            if (control) {
+                event.preventDefault();
+                control.click();
+                return;
+            }
+        }
+        const last = { row: shown.length - 1, column: columnCount - 1 };
+        const page = 10;
+        const next = { ...focus };
+        switch (event.key) {
+            case 'ArrowDown':
+                next.row = Math.min(focus.row + 1, last.row);
+                break;
+            case 'ArrowUp':
+                next.row = Math.max(focus.row - 1, -1);
+                break;
+            case 'ArrowRight':
+                next.column = Math.min(focus.column + 1, last.column);
+                break;
+            case 'ArrowLeft':
+                next.column = Math.max(focus.column - 1, 0);
+                break;
+            case 'Home':
+                next.column = 0;
+                if (event.ctrlKey)
+                    next.row = -1;
+                break;
+            case 'End':
+                next.column = last.column;
+                if (event.ctrlKey)
+                    next.row = last.row;
+                break;
+            case 'PageDown':
+                next.row = Math.min(focus.row + page, last.row);
+                break;
+            case 'PageUp':
+                next.row = Math.max(focus.row - page, -1);
+                break;
+            default:
+                return;
+        }
+        event.preventDefault();
+        setFocus(next);
+        if (isVirtual && next.row >= 0)
+            virtualizer.scrollToIndex(next.row);
+        // The cell may only render after scrolling, so focus it on the next frame.
+        requestAnimationFrame(() => {
+            scroller.current
+                ?.querySelector(`[data-cell="${String(next.row)}:${String(next.column)}"]`)
+                ?.focus();
+        });
+    };
+    const tabIndexOf = (row, column) => focus.row === row && focus.column === column ? 0 : -1;
+    // Figures stay numbers, so a spreadsheet reads them; dates are written as ISO days.
+    const exportCsv = () => {
+        const cell = (value) => typeof value === 'number' ? value : text(value);
+        saveFile(`${exportName ?? 'rows'}.csv`, toCsv([
+            columns.map((column) => column.header),
+            ...shown.map((row) => columns.map((column) => cell(column.value(row.original)))),
+        ]));
+    };
+    const headerRow = table.getHeaderGroups()[0];
+    const virtualRows = virtualizer.getVirtualItems();
+    const rendered = isVirtual
+        ? virtualRows.map((item) => ({ index: item.index, row: shown[item.index] }))
+        : shown.map((row, index) => ({ index, row }));
+    const before = isVirtual ? (virtualRows[0]?.start ?? 0) : 0;
+    const after = isVirtual ? virtualizer.getTotalSize() - (virtualRows.at(-1)?.end ?? 0) : 0;
+    return (_jsxs("div", { className: cx('rw-data-grid', density === 'compact' && 'rw-data-grid--compact', className), children: [_jsxs("div", { className: "rw-data-grid__toolbar", children: [_jsx("span", { className: "rw-data-grid__count", children: isSelectable && selectedHere > 0
+                            ? t('dataGrid.selected', { count: formatNumber(selectedHere, locale) })
+                            : t('dataGrid.rows', { count: shown.length }) }), isSelectable && selectedHere > 0 && bulkActions, _jsxs("div", { className: "rw-data-grid__tools", children: [_jsx(SegmentedControl, { legend: t('dataGrid.density'), isLegendHidden: true, size: "sm", value: density, onChange: (value) => {
+                                    const next = value;
+                                    if (controlledDensity === undefined)
+                                        setOwnDensity(next);
+                                    onDensityChange?.(next);
+                                }, options: [
+                                    { value: 'comfortable', label: t('dataGrid.comfortable') },
+                                    { value: 'compact', label: t('dataGrid.compact') },
+                                ] }), exportName !== undefined && (_jsx(Button, { size: "sm", variant: "secondary", iconStart: DownloadSimpleIcon, onPress: exportCsv, children: t('dataGrid.export') }))] })] }), _jsxs("div", { ref: scroller, className: "rw-data-table", role: "region", "aria-labelledby": captionId, children: [_jsxs("table", { className: "rw-data-table__table", role: "grid", "aria-rowcount": shown.length + 1, "aria-colcount": columnCount, ...(isSelectable && { 'aria-multiselectable': true }), onKeyDown: move, children: [_jsx("caption", { id: captionId, className: "rw-data-table__caption rw-visually-hidden", children: caption }), _jsx("thead", { children: _jsxs("tr", { "aria-rowindex": 1, children: [isSelectable && (_jsx("th", { scope: "col", className: "rw-data-table__select", "data-cell": "-1:0", tabIndex: tabIndexOf(-1, 0), children: _jsx("input", { ref: allRef, type: "checkbox", className: "rw-checkbox__input", tabIndex: -1, "aria-label": t('dataTable.selectAll'), checked: isAllSelected, disabled: keys.length === 0, onChange: (event) => {
+                                                    select(keys, event.currentTarget.checked);
+                                                } }) })), headerRow?.headers.map((header, i) => {
+                                            const column = columns[i];
+                                            const sorted = header.column.getIsSorted();
+                                            const position = header.column.getSortIndex();
+                                            const Icon = sorted ? SORT_ICONS[sorted] : CaretUpDownIcon;
+                                            const index = i + (isSelectable ? 1 : 0);
+                                            return (_jsx("th", { scope: "col", className: column?.isNumeric ? 'rw-data-table__numeric' : undefined, ...(sorted !== false &&
+                                                    position === 0 && {
+                                                    'aria-sort': sorted === 'asc' ? 'ascending' : 'descending',
+                                                }), ...(!header.column.getCanSort() && {
+                                                    'data-cell': `-1:${String(index)}`,
+                                                    tabIndex: tabIndexOf(-1, index),
+                                                }), children: header.column.getCanSort() ? (_jsxs("button", { type: "button", className: "rw-data-table__sort", tabIndex: tabIndexOf(-1, index), "data-cell": `-1:${String(index)}`, "aria-describedby": hintId, onClick: header.column.getToggleSortingHandler(), children: [flexRender(header.column.columnDef.header, header.getContext()), _jsx(Icon, { size: "sm" }), sort.length > 1 && sorted !== false && (_jsx("span", { className: "rw-data-grid__sort-order", children: formatNumber(position + 1, locale) }))] })) : (flexRender(header.column.columnDef.header, header.getContext())) }, header.id));
+                                        })] }) }), _jsx("tbody", { children: shown.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: columnCount, className: "rw-data-table__empty", children: empty }) })) : (_jsxs(_Fragment, { children: [before > 0 && (_jsx("tr", { className: "rw-data-grid__spacer", "aria-hidden": "true", children: _jsx("td", { colSpan: columnCount, style: { blockSize: `${String(before)}px` } }) })), rendered.map(({ index, row }) => {
+                                            if (!row)
+                                                return null;
+                                            const isSelected = selectedKeys?.has(row.id) === true;
+                                            return (_jsxs("tr", { "aria-rowindex": index + 2, ...(isSelectable && { 'aria-selected': isSelected }), ...(isVirtual && { 'data-index': index, ref: virtualizer.measureElement }), children: [isSelectable && (_jsx("td", { className: "rw-data-table__select", "data-cell": `${String(index)}:0`, tabIndex: tabIndexOf(index, 0), children: _jsx("input", { type: "checkbox", className: "rw-checkbox__input", tabIndex: -1, "aria-label": t('dataTable.selectRow', { label: rowLabel(row.original) }), checked: isSelected, onChange: (event) => {
+                                                                select([row.id], event.currentTarget.checked);
+                                                            } }) })), row.getVisibleCells().map((cell, i) => {
+                                                        const column = columns[i];
+                                                        const Cell = column?.isRowHeader ? 'th' : 'td';
+                                                        const at = i + (isSelectable ? 1 : 0);
+                                                        return (_jsx(Cell, { ...(column?.isRowHeader && { scope: 'row' }), className: column?.isNumeric ? 'rw-data-table__numeric' : undefined, "data-cell": `${String(index)}:${String(at)}`, tabIndex: tabIndexOf(index, at), children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id));
+                                                    })] }, row.id));
+                                        }), after > 0 && (_jsx("tr", { className: "rw-data-grid__spacer", "aria-hidden": "true", children: _jsx("td", { colSpan: columnCount, style: { blockSize: `${String(after)}px` } }) }))] })) })] }), _jsx("p", { id: hintId, className: "rw-visually-hidden", children: t('dataGrid.multiSortHint') }), _jsx("p", { className: "rw-visually-hidden", "aria-live": "polite", children: announcement })] })] }));
+}
+//# sourceMappingURL=DataGrid.js.map

package/dist/DataGrid/DataGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.js","sourceRoot":"","sources":["../../src/DataGrid/DataGrid.tsx"],"names":[],"mappings":"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"}

package/dist/DataGrid/DataGrid.stories-helpers.d.ts

@@ -0,0 +1,13 @@
+import type { DataGridColumn } from './DataGrid.tsx';
+export interface Shipment {
+    readonly id: string;
+    readonly reference: string;
+    readonly product: string;
+    readonly district: string;
+    readonly boxes: number;
+    readonly received: string;
+}
+/** Import shipments as the grid stories show them; as many as asked, the same each time. */
+export declare const shipments: (count: number) => Shipment[];
+export declare const shipmentColumns: readonly DataGridColumn<Shipment>[];
+//# sourceMappingURL=DataGrid.stories-helpers.d.ts.map

package/dist/DataGrid/DataGrid.stories-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.stories-helpers.d.ts","sourceRoot":"","sources":["../../src/DataGrid/DataGrid.stories-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAWD,4FAA4F;AAC5F,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,KAAG,QAAQ,EAQ7C,CAAC;AAEN,eAAO,MAAM,eAAe,EAAE,SAAS,cAAc,CAAC,QAAQ,CAAC,EAM9D,CAAC"}

package/dist/DataGrid/DataGrid.stories-helpers.js

@@ -0,0 +1,25 @@
+const products = [
+    'Amoxicillin 250 mg',
+    'Paracetamol 500 mg',
+    'Oral rehydration salts',
+    'Ceftriaxone 1 g',
+    'Metformin 500 mg',
+];
+const districts = ['Gasabo', 'Kicukiro', 'Nyarugenge', 'Musanze', 'Huye', 'Rubavu'];
+/** Import shipments as the grid stories show them; as many as asked, the same each time. */
+export const shipments = (count) => Array.from({ length: count }, (_, i) => ({
+    id: `s${String(i + 1)}`,
+    reference: `IMP-2026-${String(1000 + i).padStart(4, '0')}`,
+    product: products[i % products.length] ?? '',
+    district: districts[(i * 7) % districts.length] ?? '',
+    boxes: 20 + ((i * 37) % 480),
+    received: `2026-${String(1 + (i % 10)).padStart(2, '0')}-${String(1 + ((i * 3) % 28)).padStart(2, '0')}`,
+}));
+export const shipmentColumns = [
+    { id: 'reference', header: 'Reference', value: (row) => row.reference, isRowHeader: true },
+    { id: 'product', header: 'Product', value: (row) => row.product },
+    { id: 'district', header: 'District', value: (row) => row.district },
+    { id: 'boxes', header: 'Boxes', value: (row) => row.boxes, isNumeric: true },
+    { id: 'received', header: 'Received', value: (row) => row.received },
+];
+//# sourceMappingURL=DataGrid.stories-helpers.js.map

package/dist/DataGrid/DataGrid.stories-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.stories-helpers.js","sourceRoot":"","sources":["../../src/DataGrid/DataGrid.stories-helpers.ts"],"names":[],"mappings":"AAWA,MAAM,QAAQ,GAAG;IACf,oBAAoB;IACpB,oBAAoB;IACpB,wBAAwB;IACxB,iBAAiB;IACjB,kBAAkB;CACnB,CAAC;AACF,MAAM,SAAS,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;AAEpF,4FAA4F;AAC5F,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAa,EAAc,EAAE,CACrD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACvC,EAAE,EAAE,IAAI,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE;IACvB,SAAS,EAAE,YAAY,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;IAC1D,OAAO,EAAE,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE;IAC5C,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE;IACrD,KAAK,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,CAAC;IAC5B,QAAQ,EAAE,QAAQ,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;CACzG,CAAC,CAAC,CAAC;AAEN,MAAM,CAAC,MAAM,eAAe,GAAwC;IAClE,EAAE,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE;IAC1F,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE;IACjE,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE;IACpE,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE;IAC5E,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE;CACrE,CAAC"}

package/dist/DataGrid/index.d.ts

@@ -0,0 +1,3 @@
+export { DataGrid } from './DataGrid.tsx';
+export type { DataGridColumn, DataGridDensity, DataGridProps } from './DataGrid.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/DataGrid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DataGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/DataGrid/index.js

@@ -0,0 +1,2 @@
+export { DataGrid } from "./DataGrid.js";
+//# sourceMappingURL=index.js.map

package/dist/DataGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DataGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAgB,CAAC"}

package/dist/DataTable/DataTable.d.ts

@@ -0,0 +1,56 @@
+import type { TableSort } from '@nhic/rwds-i18n';
+import type { ReactNode } from 'react';
+export type { SortDirection } from '@nhic/rwds-i18n';
+/** The column a table is sorted by, and which way. */
+export type DataTableSort = TableSort;
+export interface DataTableColumn<Row> {
+    /** Names the column in sort requests. */
+    readonly key: string;
+    readonly header: string;
+    readonly cell: (row: Row) => ReactNode;
+    /** Aligns the column to the end, for amounts and counts. */
+    readonly isNumeric?: boolean;
+    /** Makes the cell a row header. Use it for the column that identifies the row, such as its ID. */
+    readonly isRowHeader?: boolean;
+    readonly isSortable?: boolean;
+}
+export interface DataTableProps<Row> {
+    /** Names the table and its scroll region, such as "Applications". */
+    readonly caption: string;
+    /** Hides the caption from view when a heading above the table already says the same. */
+    readonly isCaptionHidden?: boolean;
+    readonly columns: readonly DataTableColumn<Row>[];
+    /** The rows of the current page, in the order the server sorted them. */
+    readonly rows: readonly Row[];
+    /** A unique id per row: the selection holds these, and a named row box submits them. */
+    readonly rowKey: (row: Row) => string;
+    /** Names a row in its select box label. The row key unless set. */
+    readonly rowLabel?: (row: Row) => string;
+    /** The column the rows are sorted by. Leave it out when they keep the order the data came in. */
+    readonly sort?: DataTableSort;
+    /** The sort a header asks for: ascending, then descending, then `undefined` for no sort. */
+    readonly onSortChange?: (sort: DataTableSort | undefined) => void;
+    /**
+     * Makes sort buttons submit this name with the sort they ask for: `fee`, `-fee` for
+     * descending, or an empty value for no sort.
+     */
+    readonly sortName?: string;
+    /** The selected row keys. Setting it adds a select box to every row. */
+    readonly selectedKeys?: ReadonlySet<string>;
+    readonly onSelectionChange?: (keys: Set<string>) => void;
+    /** The name row boxes submit their row key under. */
+    readonly selectionName?: string;
+    /** Shown across every column when there are no rows, usually an `EmptyState`. */
+    readonly empty?: ReactNode;
+    /**
+     * What a row holds beyond its columns, such as its history. Setting it leads each row with a
+     * toggle that opens the details in a row under it; return `undefined` for a row with none.
+     */
+    readonly rowDetail?: (row: Row) => ReactNode;
+    /** The keys of rows whose details show when the table first draws. */
+    readonly defaultExpandedKeys?: Iterable<string>;
+    readonly className?: string;
+}
+/** A table of records with a fixed header, sortable columns, row selection and an empty state. */
+export declare function DataTable<Row>({ caption, isCaptionHidden, columns, rows, rowKey, rowLabel, sort, onSortChange, sortName, selectedKeys, onSelectionChange, selectionName, empty, rowDetail, defaultExpandedKeys, className, }: DataTableProps<Row>): ReactNode;
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/DataTable/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/DataTable/DataTable.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,sDAAsD;AACtD,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AAEtC,MAAM,WAAW,eAAe,CAAC,GAAG;IAClC,yCAAyC;IACzC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,SAAS,CAAC;IACvC,4DAA4D;IAC5D,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,kGAAkG;IAClG,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,cAAc,CAAC,GAAG;IACjC,qEAAqE;IACrE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,wFAAwF;IACxF,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,OAAO,EAAE,SAAS,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;IAClD,yEAAyE;IACzE,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAG,EAAE,CAAC;IAC9B,wFAAwF;IACxF,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,CAAC;IACtC,mEAAmE;IACnE,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,CAAC;IACzC,iGAAiG;IACjG,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;IAC9B,4FAA4F;IAC5F,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;IAClE;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,QAAQ,CAAC,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5C,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACzD,qDAAqD;IACrD,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,iFAAiF;IACjF,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,SAAS,CAAC;IAC7C,sEAAsE;IACtE,QAAQ,CAAC,mBAAmB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAID,kGAAkG;AAClG,wBAAgB,SAAS,CAAC,GAAG,EAAE,EAC7B,OAAO,EACP,eAAuB,EACvB,OAAO,EACP,IAAI,EACJ,MAAM,EACN,QAAiB,EACjB,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,KAAK,EACL,SAAS,EACT,mBAAwB,EACxB,SAAS,GACV,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,SAAS,CA2MjC"}