@cratis/components 2.9.0 → 3.0.0

package/dist/esm/DataTables/DataTableCore.d.ts

@@ -0,0 +1,33 @@
+import React, { type CSSProperties, type ReactNode } from 'react';
+import type { DataTableRootProps } from '@primereact/types/primitive/datatable';
+import type { DataTableSelectionChangeEvent } from './DataTableSelectionChangeEvent';
+import type { DataTableFilterMeta } from './DataTableFilterMeta';
+export interface DataTableRowClickEvent<TData> {
+    data: TData;
+    index: number;
+}
+export interface DataTableCoreProps<TData extends object> {
+    data: TData[];
+    children?: ReactNode;
+    dataKey?: string;
+    emptyMessage: ReactNode;
+    selectionMode?: 'single';
+    selectionAriaLabel?: string;
+    selection?: TData | null;
+    onSelectionChange?: (event: DataTableSelectionChangeEvent<TData>) => void;
+    onRowClick?: (event: DataTableRowClickEvent<TData>) => void;
+    rowClassName?: (rowData: TData) => string;
+    globalFilterFields?: string[];
+    globalSearchPlaceholder?: string;
+    defaultFilters?: DataTableFilterMeta;
+    onFilter?: (filters: DataTableFilterMeta) => void;
+    scrollable?: boolean;
+    scrollHeight?: string;
+    className?: string;
+    style?: CSSProperties;
+    pt?: DataTableRootProps['pt'];
+    ptOptions?: DataTableRootProps['ptOptions'];
+    unstyled?: boolean;
+}
+export declare const DataTableCore: <TData extends object>({ data, children, dataKey, emptyMessage, selectionMode, selectionAriaLabel, selection, onSelectionChange, onRowClick, rowClassName, globalFilterFields, globalSearchPlaceholder, defaultFilters, onFilter, scrollable, scrollHeight, className, style, pt, ptOptions, unstyled, }: DataTableCoreProps<TData>) => React.JSX.Element;
+//# sourceMappingURL=DataTableCore.d.ts.map

package/dist/esm/DataTables/DataTableCore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableCore.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableCore.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAqB,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAKhF,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AACrF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AASjE,MAAM,WAAW,sBAAsB,CAAC,KAAK;IAEzC,IAAI,EAAE,KAAK,CAAC;IAEZ,KAAK,EAAE,MAAM,CAAC;CACjB;AAOD,MAAM,WAAW,kBAAkB,CAAC,KAAK,SAAS,MAAM;IAEpD,IAAI,EAAE,KAAK,EAAE,CAAC;IAEd,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,YAAY,EAAE,SAAS,CAAC;IAExB,aAAa,CAAC,EAAE,QAAQ,CAAC;IAEzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAEzB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAE1E,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAE5D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC;IAE1C,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE9B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC,cAAc,CAAC,EAAE,mBAAmB,CAAC;IAErC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAElD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,EAAE,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAE9B,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAE5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAgCD,eAAO,MAAM,aAAa,GAAI,KAAK,SAAS,MAAM,EAAE,mRAsBjD,kBAAkB,CAAC,KAAK,CAAC,sBA4H3B,CAAC"}

package/dist/esm/DataTables/DataTableCore.js

@@ -0,0 +1,59 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useState, useMemo } from 'react';
+import { DataTable } from 'primereact/datatable';
+import { InputText } from 'primereact/inputtext';
+import { ColumnFilterMenu } from './ColumnFilterMenu.js';
+import { selectionKeysForRow, rowFromSelectionKeys } from './selectionKeys.js';
+
+/** Reads the parsed column definitions from `<Column>` children. */
+const useColumns = (children) => useMemo(() => React.Children.toArray(children).filter(React.isValidElement), [children]);
+const renderCellContent = (column, row) => {
+    if (column.body)
+        return column.body(row);
+    if (column.field) {
+        const value = row[column.field];
+        return value == null ? '' : String(value);
+    }
+    return null;
+};
+/**
+ * The shared, query-agnostic table used by {@link DataTableForQuery},
+ * {@link DataTableForObservableQuery}, and the schema editor. Rebuilds
+ * PrimeReact 10's monolithic `DataTable` on PrimeReact 11's headless
+ * compositional table: it reads `<Column>` children, renders the header and
+ * per-row body cells, and translates PrimeReact 11's key-based selection back
+ * to the row-object API callers expect.
+ *
+ * Paging is intentionally *not* handled here — the query wrappers own paging
+ * through Arc and feed one page of rows in via `data`, so this component only
+ * renders and sorts/filters the current page client-side.
+ *
+ * @typeParam TData - The row type.
+ */
+const DataTableCore = ({ data, children, dataKey, emptyMessage, selectionMode, selectionAriaLabel = 'Select row', selection, onSelectionChange, onRowClick, rowClassName, globalFilterFields, globalSearchPlaceholder = 'Search…', defaultFilters, onFilter, scrollable, scrollHeight, className, style, pt, ptOptions, unstyled, }) => {
+    const columns = useColumns(children);
+    const [filters, setFilters] = useState(defaultFilters ?? {});
+    const [globalFilter, setGlobalFilter] = useState('');
+    const showGlobalSearch = !!globalFilterFields && globalFilterFields.length > 0;
+    const handleFilter = (event) => {
+        // PrimeReact's headless filter meta is looser than the typed Cratis
+        // constraint the public API exposes; narrow at this one boundary.
+        const next = event.filters;
+        setFilters(next);
+        onFilter?.(next);
+    };
+    const keyOf = (row) => dataKey ? String(row[dataKey]) : undefined;
+    const selectionKeys = useMemo(() => selectionKeysForRow(selection, dataKey), [selection, dataKey]);
+    const handleSelectionChange = (event) => {
+        if (!onSelectionChange)
+            return;
+        onSelectionChange({ value: rowFromSelectionKeys(event.value, data, dataKey), originalEvent: event.originalEvent });
+    };
+    const handleRowClick = onRowClick
+        ? (event) => onRowClick({ data: event.data, index: event.index })
+        : undefined;
+    return (jsxs(DataTable.Root, { data: data, dataKey: dataKey, removableSort: true, selectionMode: selectionMode ?? null, selectionKeys: selectionKeys, onSelectionChange: onSelectionChange ? handleSelectionChange : undefined, onRowClick: handleRowClick, filters: filters, onFilter: handleFilter, globalFilter: globalFilter || null, globalFilterFields: globalFilterFields, scrollable: scrollable, scrollHeight: scrollHeight, className: className, style: style, pt: pt, ptOptions: ptOptions, unstyled: unstyled, children: [showGlobalSearch && (jsx("div", { className: "cratis-datatable-search", children: jsx(InputText, { value: globalFilter, placeholder: globalSearchPlaceholder, className: "w-full", onChange: (event) => setGlobalFilter(event.target.value) }) })), jsx(DataTable.TableContainer, { children: jsxs(DataTable.Table, { children: [jsx(DataTable.THead, { children: jsx(DataTable.THeadRow, { children: columns.map((column, index) => (jsx(DataTable.THeadCell, { style: column.props.headerStyle ?? column.props.style, className: column.props.headerClassName, children: jsxs("div", { className: "cratis-datatable-header-cell", children: [column.props.sortable && column.props.field ? (jsxs(DataTable.Sort, { field: column.props.field, pt: { root: { 'aria-sort': undefined } }, children: [column.props.header, jsx(DataTable.SortIndicator, { match: "asc", children: " \u25B2" }), jsx(DataTable.SortIndicator, { match: "desc", children: " \u25BC" })] })) : (jsx("span", { children: column.props.header })), column.props.filter && (column.props.filterField ?? column.props.field) && (jsx(ColumnFilterMenu, { field: (column.props.filterField ?? column.props.field), dataType: column.props.dataType, placeholder: column.props.filterPlaceholder, showMatchModes: column.props.showFilterMatchModes }))] }) }, index))) }) }), jsx(DataTable.TBody, { children: ({ item, index }) => (jsx(DataTable.Row, { index: index, className: rowClassName?.(item), children: columns.map((column, columnIndex) => (jsx(DataTable.Cell, { style: { ...column.props.style, ...column.props.bodyStyle }, className: column.props.bodyClassName ?? column.props.className, children: column.props.selectionMode ? (jsx("input", { type: "radio", readOnly: true, "aria-label": selectionAriaLabel, checked: !!selection && keyOf(item) === keyOf(selection) })) : (renderCellContent(column.props, item)) }, columnIndex))) })) }), jsx(DataTable.EmptyTBody, { children: jsx(DataTable.Row, { children: jsx(DataTable.Cell, { colSpan: Math.max(columns.length, 1), children: emptyMessage }) }) })] }) })] }));
+};
+
+export { DataTableCore };
+//# sourceMappingURL=DataTableCore.js.map

package/dist/esm/DataTables/DataTableCore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableCore.js","sources":["../../../DataTables/DataTableCore.tsx"],"sourcesContent":[null],"names":["_jsxs","PrimeDataTable","_jsx"],"mappings":"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"}

package/dist/esm/DataTables/DataTableFilterMeta.d.ts

@@ -0,0 +1,6 @@
+export interface DataTableFilterConstraint {
+    value: unknown;
+    matchMode?: string;
+}
+export type DataTableFilterMeta = Record<string, DataTableFilterConstraint>;
+//# sourceMappingURL=DataTableFilterMeta.d.ts.map

package/dist/esm/DataTables/DataTableFilterMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFilterMeta.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableFilterMeta.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,yBAAyB;IAEtC,KAAK,EAAE,OAAO,CAAC;IAEf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAOD,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAAC"}

package/dist/esm/DataTables/DataTableFilterMeta.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DataTableFilterMeta.js.map

package/dist/esm/DataTables/DataTableFilterMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFilterMeta.js","sourceRoot":"","sources":["../../../DataTables/DataTableFilterMeta.ts"],"names":[],"mappings":""}

package/dist/esm/DataTables/DataTableForObservableQuery.d.ts

@@ -1,8 +1,10 @@
-import { DataTableFilterMeta, DataTableSelectionSingleChangeEvent, type DataTableProps as PrimeDataTableProps } from 'primereact/datatable';
-import { type PaginatorProps } from 'primereact/paginator';
+import type { DataTableRootProps } from '@primereact/types/primitive/datatable';
 import { Constructor } from '@cratis/fundamentals';
 import { IObservableQueryFor } from '@cratis/arc/queries';
 import { ReactNode } from 'react';
+import { type TablePaginatorProps } from './TablePaginator';
+import type { DataTableFilterMeta } from './DataTableFilterMeta';
+import type { DataTableSelectionChangeEvent } from './DataTableSelectionChangeEvent';
 export interface DataTableForObservableQueryProps<TQuery extends IObservableQueryFor<TDataType, TArguments>, TDataType extends object, TArguments extends object> {
     children?: ReactNode;
     query: Constructor<TQuery>;
@@ -10,17 +12,16 @@ export interface DataTableForObservableQueryProps<TQuery extends IObservableQuer
     emptyMessage: string;
     dataKey?: string | undefined;
     selection?: TDataType | undefined | null;
-    onSelectionChange?(event: DataTableSelectionSingleChangeEvent<TDataType[]>): void;
+    onSelectionChange?(event: DataTableSelectionChangeEvent<TDataType>): void;
     globalFilterFields?: string[] | undefined;
     defaultFilters?: DataTableFilterMeta;
     clientFiltering?: boolean;
     className?: string;
-    pt?: PrimeDataTableProps<TDataType[]>['pt'];
-    ptOptions?: PrimeDataTableProps<TDataType[]>['ptOptions'];
+    pt?: DataTableRootProps['pt'];
+    ptOptions?: DataTableRootProps['ptOptions'];
     unstyled?: boolean;
-    paginatorPt?: PaginatorProps['pt'];
-    paginatorPtOptions?: PaginatorProps['ptOptions'];
-    paginatorUnstyled?: boolean;
+    paginatorClassName?: string;
+    paginatorAriaLabels?: TablePaginatorProps['ariaLabels'];
 }
 export declare const DataTableForObservableQuery: <TQuery extends IObservableQueryFor<TDataType, TArguments>, TDataType extends object, TArguments extends object>(props: DataTableForObservableQueryProps<TQuery, TDataType, TArguments>) => import("react").JSX.Element;
 //# sourceMappingURL=DataTableForObservableQuery.d.ts.map

package/dist/esm/DataTables/DataTableForObservableQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableForObservableQuery.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableForObservableQuery.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,mBAAmB,EAAE,mCAAmC,EAAE,KAAK,cAAc,IAAI,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AACvJ,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAU,MAAM,qBAAqB,CAAC;AAElE,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAS/D,MAAM,WAAW,gCAAgC,CAAC,MAAM,SAAS,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,SAAS,MAAM,EAAE,UAAU,SAAS,MAAM;IAI5J,QAAQ,CAAC,EAAE,SAAS,CAAC;IAKrB,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAK3B,cAAc,CAAC,EAAE,UAAU,CAAC;IAK5B,YAAY,EAAE,MAAM,CAAC;IAKrB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAK7B,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC;IAKzC,iBAAiB,CAAC,CAAC,KAAK,EAAE,mCAAmC,CAAC,SAAS,EAAE,CAAC,GAAG,IAAI,CAAC;IAKlF,kBAAkB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAK1C,cAAc,CAAC,EAAE,mBAAmB,CAAC;IAKrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAK1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,mBAAmB,CAAC,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAG5C,SAAS,CAAC,EAAE,mBAAmB,CAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC;IAG1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,WAAW,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IAGnC,kBAAkB,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAGjD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAoED,eAAO,MAAM,2BAA2B,GAAI,MAAM,SAAS,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,SAAS,MAAM,EAAE,UAAU,SAAS,MAAM,EAAE,OAAO,gCAAgC,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,gCAuGjO,CAAC"}
+{"version":3,"file":"DataTableForObservableQuery.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableForObservableQuery.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAU,MAAM,qBAAqB,CAAC;AAElE,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AASrF,MAAM,WAAW,gCAAgC,CAAC,MAAM,SAAS,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,SAAS,MAAM,EAAE,UAAU,SAAS,MAAM;IAI5J,QAAQ,CAAC,EAAE,SAAS,CAAC;IAKrB,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAK3B,cAAc,CAAC,EAAE,UAAU,CAAC;IAK5B,YAAY,EAAE,MAAM,CAAC;IAKrB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAK7B,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC;IAKzC,iBAAiB,CAAC,CAAC,KAAK,EAAE,6BAA6B,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAK1E,kBAAkB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAK1C,cAAc,CAAC,EAAE,mBAAmB,CAAC;IAQrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAK1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAG9B,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAG5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAG5B,mBAAmB,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;CAC3D;AAmCD,eAAO,MAAM,2BAA2B,GAAI,MAAM,SAAS,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,SAAS,MAAM,EAAE,UAAU,SAAS,MAAM,EAAE,OAAO,gCAAgC,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,gCA+GjO,CAAC"}

package/dist/esm/DataTables/DataTableForObservableQuery.js

@@ -1,84 +1,67 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { DataTable } from 'primereact/datatable';
-import { Paginator } from 'primereact/paginator';
 import { Paging } from '@cratis/arc/queries';
 import { useObservableQueryWithPaging } from '@cratis/arc.react/queries';
-import { useState, useRef, useEffect } from 'react';
+import { useRef, useState, useEffect } from 'react';
+import { DataTableCore } from './DataTableCore.js';
+import { TablePaginator } from './TablePaginator.js';
 
 const paging = new Paging(0, 20);
 /**
- * A paged data table bound to a Cratis Arc **observable** query
+ * A paged data table bound to a real-time Cratis Arc observable query
  * (`IObservableQueryFor<TDataType, TArguments>`). Subscribes via
- * `useObservableQueryWithPaging` from `@cratis/arc.react/queries`, which
- * opens a WebSocket connection to the backend and re-renders the table
- * automatically whenever the underlying read model changes server-side.
- *
- * ## What `TQuery` is
- *
- * `TQuery` is the auto-generated TypeScript class produced by the Arc proxy
- * generator from a C# read model's static observable query method (one
- * that returns `ISubject<TDataType>` on the backend). The proxy hooks the
- * WebSocket subscription up; you only deal with the resulting React data.
- *
- * ## What's unique
- *
- * - **Real-time updates**: server-side projection writes flow into the
- *   table within the same render cycle, with no manual polling or refresh
- *   button. The connection re-subscribes automatically when
- *   `queryArguments` change.
- * - **Resize-aware scrollable height**: the wrapper observes its container
- *   via `ResizeObserver` and adjusts the inner DataTable height to fit,
- *   so the table behaves correctly inside flex layouts (it never overflows
- *   beyond its parent or shrinks below 200px).
- * - **Lazy paging + optional client filtering**: same modes as
- *   {@link DataTableForQuery}, but the page is re-issued through the
- *   observable subscription when the user pages.
- *
- * Use {@link DataTableForQuery} for snapshot queries that don't need live
- * updates. Use {@link DataPage} for a higher-level layout that combines
- * this table with a menubar, selection, and a details pane.
+ * `useObservableQueryWithPaging`, so the table re-renders automatically as the
+ * underlying read model changes server-side. Rows render through the headless
+ * {@link DataTableCore} inside an internally-scrolling region that resizes to
+ * fill its container.
  *
  * ## Children
  *
- * Children are PrimeReact `<Column>` elements — same as
- * {@link DataTableForQuery}.
+ * Children are Cratis `<Column>` elements describing the visible columns.
  *
  * ```tsx
- * import { DataTableForObservableQuery } from '@cratis/components/DataTables';
- * import { Column } from 'primereact/column';
- * import { ActiveSessions } from './ActiveSessions';   // proxy from C#
+ * import { DataTableForObservableQuery, Column } from '@cratis/components/DataTables';
+ * import { AllTasks } from './AllTasks';     // observable proxy from C#
  *
- * <DataTableForObservableQuery
- *     query={ActiveSessions}
- *     emptyMessage="No active sessions">
- *     <Column field="userName"  header="User" />
- *     <Column field="startedAt" header="Started" />
+ * <DataTableForObservableQuery query={AllTasks} emptyMessage="No tasks">
+ *     <Column field="title" header="Title" sortable />
+ *     <Column field="assignee" header="Assignee" />
  * </DataTableForObservableQuery>
  * ```
  *
- * Rows appear and disappear in this table as users log in / log out
- * server-side — no manual refresh required.
- *
- * ## Styling
- *
- * Identical to {@link DataTableForQuery}: `pt` / `ptOptions` / `unstyled` /
- * `className` target the inner DataTable; `paginatorPt` and friends target
- * the inner Paginator. See [pass-through cheat sheet](../../Documentation/Styling/pass-through.md).
+ * Use {@link DataTableForQuery} for one-shot snapshot queries. Use
+ * {@link DataPage} for a higher-level layout that combines this table with
+ * an action menubar, selection, and a details pane.
  *
- * @typeParam TQuery - The observable query class (proxy generated from C# `IObservableQueryFor`).
+ * @typeParam TQuery - The query class (proxy generated from C# `IObservableQueryFor`).
  * @typeParam TDataType - The row type returned by the query.
  * @typeParam TArguments - The query's argument object type.
  * @param props - {@link DataTableForObservableQueryProps}.
  */
 const DataTableForObservableQuery = (props) => {
-    const [filters, setFilters] = useState(props.defaultFilters ?? {});
-    const [filteredTotal, setFilteredTotal] = useState(undefined);
+    // Type arguments are supplied explicitly, and the constructor is erased on the way in
+    // (Cratis/Components#135). Two separate defects in `@cratis/arc.react` make the plain call
+    // fail to type-check:
+    //
+    // 1. `useObservableQueryWithPaging<TDataType, TQuery extends IObservableQueryFor<TDataType>, …>`
+    //    gives `TDataType` no inference site — it appears only inside `TQuery`'s constraint — so it
+    //    silently falls back to `unknown` and `result` comes back as `QueryResultWithState<unknown>`.
+    // 2. `ObservableQuerySubscription<T>` carries a `private _connection`, which makes it nominally
+    //    typed. `@cratis/arc.react` pins `@cratis/arc` to an exact version, so any consumer whose own
+    //    `@cratis/arc` differs by even a patch gets a second nested copy — two declarations of that
+    //    class, and TS2345 "types have separate declarations of a private property". Our peer range
+    //    deliberately spans `>=20.3.1 <22`, so we cannot assume a consumer's tree is deduped.
+    //
+    // Erasing the constructor type sidesteps the nominal comparison, and naming `TDataType`
+    // explicitly recovers the row type this component is generic over — strictly better than the
+    // `unknown` the inference would otherwise produce. Remove both once Arc returns an interface
+    // from `subscribe()` and makes `TDataType` inferable.
     const [result, , setPage] = useObservableQueryWithPaging(props.query, paging, props.queryArguments);
     const containerRef = useRef(null);
     const [tableHeight, setTableHeight] = useState(600);
     const timeoutRef = useRef(undefined);
-    const isClientFiltering = props.clientFiltering === true;
-    const totalRecords = isClientFiltering && filteredTotal !== undefined ? filteredTotal : result.paging.totalItems;
+    const totalItems = result.paging.totalItems;
+    const pageCount = result.paging.totalPages;
+    const showPaginator = totalItems > 0 && pageCount > 1;
     useEffect(() => {
         if (!containerRef.current)
             return;
@@ -90,7 +73,7 @@ const DataTableForObservableQuery = (props) => {
                 for (const entry of entries) {
                     const containerHeight = entry.contentRect.height;
                     if (containerHeight > 0) {
-                        const paginatorHeight = result.paging.totalItems > 0 ? 56 : 0;
+                        const paginatorHeight = showPaginator ? 56 : 0;
                         const calculatedHeight = containerHeight - paginatorHeight - 2;
                         const newHeight = Math.max(calculatedHeight, 200);
                         setTableHeight(prevHeight => {
@@ -110,7 +93,7 @@ const DataTableForObservableQuery = (props) => {
             }
             resizeObserver.disconnect();
         };
-    }, [result.paging.totalItems]);
+    }, [showPaginator]);
     return (jsxs("div", { ref: containerRef, style: {
             display: 'flex',
             flexDirection: 'column',
@@ -118,13 +101,7 @@ const DataTableForObservableQuery = (props) => {
             border: '1px solid var(--cratis-surface-border)',
             borderRadius: 'var(--cratis-border-radius)',
             overflow: 'hidden'
-        }, children: [jsx("div", { style: { height: `${tableHeight}px`, overflow: 'hidden' }, children: jsx(DataTable, { value: result.data, lazy: !isClientFiltering, rows: paging.pageSize, totalRecords: totalRecords, scrollable: true, scrollHeight: '100%', selectionMode: 'single', selection: props.selection, onSelectionChange: props.onSelectionChange, dataKey: props.dataKey, filters: filters, filterDisplay: 'menu', onFilter: (e) => {
-                        setFilters(e.filters);
-                        if (isClientFiltering) {
-                            const filteredValue = e.filteredValue;
-                            setFilteredTotal(filteredValue ? filteredValue.length : undefined);
-                        }
-                    }, globalFilterFields: props.globalFilterFields, emptyMessage: props.emptyMessage, className: props.className, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled, children: props.children }) }), result.paging.totalItems > 0 && (jsx("div", { style: { borderTop: '1px solid var(--cratis-surface-border)' }, children: jsx(Paginator, { first: result.paging.page * paging.pageSize, rows: paging.pageSize, totalRecords: result.paging.totalItems, onPageChange: (e) => setPage(e.page), pt: props.paginatorPt, ptOptions: props.paginatorPtOptions, unstyled: props.paginatorUnstyled }) }))] }));
+        }, children: [jsx("div", { style: { height: `${tableHeight}px`, overflow: 'hidden' }, children: jsx(DataTableCore, { data: result.data, dataKey: props.dataKey, emptyMessage: props.emptyMessage, selectionMode: 'single', selection: props.selection, onSelectionChange: props.onSelectionChange, globalFilterFields: props.globalFilterFields, defaultFilters: props.defaultFilters, scrollable: true, scrollHeight: '100%', className: props.className, style: { minWidth: '100%' }, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled, children: props.children }) }), showPaginator && (jsx("div", { style: { borderTop: '1px solid var(--cratis-surface-border)', flexShrink: 0 }, children: jsx(TablePaginator, { page: result.paging.page, pageCount: pageCount, onPageChange: setPage, totalItems: totalItems, pageSize: paging.pageSize, className: props.paginatorClassName, ariaLabels: props.paginatorAriaLabels }) }))] }));
 };
 
 export { DataTableForObservableQuery };

package/dist/esm/DataTables/DataTableForObservableQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableForObservableQuery.js","sources":["../../../DataTables/DataTableForObservableQuery.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"DataTableForObservableQuery.js","sources":["../../../DataTables/DataTableForObservableQuery.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AA+FA,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC;AAEhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BG;AACI,MAAM,2BAA2B,GAAG,CAAiH,KAAsE,KAAI;;;;;;;;;;;;;;;;;;IAkBlO,MAAM,CAAC,MAAM,IAAI,OAAO,CAAC,GAAG,4BAA4B,CAA+B,KAAK,CAAC,KAAc,EAAE,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC;AAC1I,IAAA,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,GAAG,CAAC;AAC3D,IAAA,MAAM,UAAU,GAAG,MAAM,CAA4C,SAAS,CAAC;AAC/E,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU;AAC3C,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU;IAC1C,MAAM,aAAa,GAAG,UAAU,GAAG,CAAC,IAAI,SAAS,GAAG,CAAC;IAErD,SAAS,CAAC,MAAK;QACX,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;QAE3B,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,KAAI;AAClD,YAAA,IAAI,UAAU,CAAC,OAAO,EAAE;AACpB,gBAAA,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC;YACpC;AAEA,YAAA,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;AACjC,gBAAA,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE;AACzB,oBAAA,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM;AAChD,oBAAA,IAAI,eAAe,GAAG,CAAC,EAAE;wBACrB,MAAM,eAAe,GAAG,aAAa,GAAG,EAAE,GAAG,CAAC;AAC9C,wBAAA,MAAM,gBAAgB,GAAG,eAAe,GAAG,eAAe,GAAG,CAAC;wBAC9D,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,GAAG,CAAC;wBAEjD,cAAc,CAAC,UAAU,IAAG;4BACxB,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,UAAU,CAAC,GAAG,CAAC,EAAE;AACtC,gCAAA,OAAO,SAAS;4BACpB;AACA,4BAAA,OAAO,UAAU;AACrB,wBAAA,CAAC,CAAC;oBACN;gBACJ;YACJ,CAAC,EAAE,EAAE,CAAC;AACV,QAAA,CAAC,CAAC;AAEF,QAAA,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;AAE5C,QAAA,OAAO,MAAK;AACR,YAAA,IAAI,UAAU,CAAC,OAAO,EAAE;AACpB,gBAAA,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC;YACpC;YACA,cAAc,CAAC,UAAU,EAAE;AAC/B,QAAA,CAAC;AACL,IAAA,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;AAEnB,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE;AACH,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,MAAM,EAAE,wCAAwC;AAChD,YAAA,YAAY,EAAE,6BAA6B;AAC3C,YAAA,QAAQ,EAAE;AACb,SAAA,EAAA,QAAA,EAAA,CACDC,aAAK,KAAK,EAAE,EAAE,MAAM,EAAE,CAAA,EAAG,WAAW,CAAA,EAAA,CAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAA,QAAA,EAC1DA,GAAA,CAAC,aAAa,EAAA,EACV,IAAI,EAAE,MAAM,CAAC,IAA8B,EAC3C,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,UAAU,EAAA,IAAA,EACV,YAAY,EAAC,MAAM,EACnB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAC3B,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,QAAA,EACvB,KAAK,CAAC,QAAQ,EAAA,CACH,EAAA,CACd,EAEL,aAAa,KACVA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,SAAS,EAAE,wCAAwC,EAAE,UAAU,EAAE,CAAC,EAAE,EAAA,QAAA,EAC9EA,IAAC,cAAc,EAAA,EACX,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,OAAO,EACrB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,SAAS,EAAE,KAAK,CAAC,kBAAkB,EAEnC,UAAU,EAAE,KAAK,CAAC,mBAAmB,EAAA,CACvC,GACA,CACT,CAAA,EAAA,CACC;AAEd;;;;"}

package/dist/esm/DataTables/DataTableForQuery.d.ts

@@ -1,8 +1,10 @@
-import { DataTableFilterMeta, DataTableSelectionSingleChangeEvent, type DataTableProps as PrimeDataTableProps } from 'primereact/datatable';
-import { type PaginatorProps } from 'primereact/paginator';
+import type { DataTableRootProps } from '@primereact/types/primitive/datatable';
 import { Constructor } from '@cratis/fundamentals';
 import { IQueryFor } from '@cratis/arc/queries';
 import { ReactNode } from 'react';
+import { type TablePaginatorProps } from './TablePaginator';
+import type { DataTableFilterMeta } from './DataTableFilterMeta';
+import type { DataTableSelectionChangeEvent } from './DataTableSelectionChangeEvent';
 export interface DataTableForQueryProps<TQuery extends IQueryFor<TDataType, TArguments>, TDataType extends object, TArguments extends object> {
     children?: ReactNode;
     query: Constructor<TQuery>;
@@ -10,17 +12,16 @@ export interface DataTableForQueryProps<TQuery extends IQueryFor<TDataType, TArg
     emptyMessage: string;
     dataKey?: string | undefined;
     selection?: TDataType | undefined | null;
-    onSelectionChange?(event: DataTableSelectionSingleChangeEvent<TDataType[]>): void;
+    onSelectionChange?(event: DataTableSelectionChangeEvent<TDataType>): void;
     globalFilterFields?: string[] | undefined;
     defaultFilters?: DataTableFilterMeta;
     clientFiltering?: boolean;
     className?: string;
-    pt?: PrimeDataTableProps<TDataType[]>['pt'];
-    ptOptions?: PrimeDataTableProps<TDataType[]>['ptOptions'];
+    pt?: DataTableRootProps['pt'];
+    ptOptions?: DataTableRootProps['ptOptions'];
     unstyled?: boolean;
-    paginatorPt?: PaginatorProps['pt'];
-    paginatorPtOptions?: PaginatorProps['ptOptions'];
-    paginatorUnstyled?: boolean;
+    paginatorClassName?: string;
+    paginatorAriaLabels?: TablePaginatorProps['ariaLabels'];
 }
 export declare const DataTableForQuery: <TQuery extends IQueryFor<TDataType, TArguments>, TDataType extends object, TArguments extends object>(props: DataTableForQueryProps<TQuery, TDataType, TArguments>) => import("react").JSX.Element;
 //# sourceMappingURL=DataTableForQuery.d.ts.map

package/dist/esm/DataTables/DataTableForQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableForQuery.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableForQuery.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,mBAAmB,EAAE,mCAAmC,EAAE,KAAK,cAAc,IAAI,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AACvJ,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAU,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AASpD,MAAM,WAAW,sBAAsB,CAAC,MAAM,SAAS,SAAS,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,SAAS,MAAM,EAAE,UAAU,SAAS,MAAM;IAIxI,QAAQ,CAAC,EAAE,SAAS,CAAC;IAKrB,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAK3B,cAAc,CAAC,EAAE,UAAU,CAAC;IAK5B,YAAY,EAAE,MAAM,CAAC;IAKrB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAK7B,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC;IAKzC,iBAAiB,CAAC,CAAC,KAAK,EAAE,mCAAmC,CAAC,SAAS,EAAE,CAAC,GAAG,IAAI,CAAC;IAKlF,kBAAkB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAK1C,cAAc,CAAC,EAAE,mBAAmB,CAAC;IAKrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAK1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,mBAAmB,CAAC,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAG5C,SAAS,CAAC,EAAE,mBAAmB,CAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC;IAG1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,WAAW,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IAGnC,kBAAkB,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAGjD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAiED,eAAO,MAAM,iBAAiB,GAAI,MAAM,SAAS,SAAS,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,SAAS,MAAM,EAAE,UAAU,SAAS,MAAM,EAAE,OAAO,sBAAsB,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,gCAgEnM,CAAC"}
+{"version":3,"file":"DataTableForQuery.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableForQuery.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAU,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AASrF,MAAM,WAAW,sBAAsB,CAAC,MAAM,SAAS,SAAS,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,SAAS,MAAM,EAAE,UAAU,SAAS,MAAM;IAIxI,QAAQ,CAAC,EAAE,SAAS,CAAC;IAKrB,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAK3B,cAAc,CAAC,EAAE,UAAU,CAAC;IAK5B,YAAY,EAAE,MAAM,CAAC;IAKrB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAK7B,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC;IAKzC,iBAAiB,CAAC,CAAC,KAAK,EAAE,6BAA6B,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAK1E,kBAAkB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAK1C,cAAc,CAAC,EAAE,mBAAmB,CAAC;IAQrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAK1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,EAAE,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAG9B,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAG5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAG5B,mBAAmB,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;CAC3D;AAgDD,eAAO,MAAM,iBAAiB,GAAI,MAAM,SAAS,SAAS,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,SAAS,MAAM,EAAE,UAAU,SAAS,MAAM,EAAE,OAAO,sBAAsB,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,gCAiDnM,CAAC"}

package/dist/esm/DataTables/DataTableForQuery.js

@@ -1,17 +1,16 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { DataTable } from 'primereact/datatable';
-import { Paginator } from 'primereact/paginator';
 import { Paging } from '@cratis/arc/queries';
 import { useQueryWithPaging } from '@cratis/arc.react/queries';
-import { useState, useRef } from 'react';
+import { DataTableCore } from './DataTableCore.js';
+import { TablePaginator } from './TablePaginator.js';
 
 const paging = new Paging(0, 20);
 /**
  * A paged data table bound to a snapshot Cratis Arc query
  * (`IQueryFor<TDataType, TArguments>`). Subscribes via
  * `useQueryWithPaging` from `@cratis/arc.react/queries`, renders the result
- * page in a PrimeReact `DataTable`, and shows a `Paginator` when the result
- * set exceeds one page.
+ * page through the headless {@link DataTableCore}, and shows a
+ * {@link TablePaginator} when the result set exceeds one page.
  *
  * ## What `TQuery` is
  *
@@ -20,33 +19,13 @@ const paging = new Paging(0, 20);
  * writes a `.ts` file per query with the right return type and a `use()`
  * hook; importing the class is all the connection-to-the-backend you need.
  *
- * ## What's unique
- *
- * - **Lazy paging**: the table runs in PrimeReact's `lazy` mode by default
- *   so the server returns one page at a time. The Paginator's
- *   `onPageChange` calls back into the Arc hook to fetch the next page.
- * - **Client-side filtering toggle**: pass `clientFiltering` to keep the
- *   page-fetched rows in the browser and filter locally — useful for
- *   small result sets where you want PrimeReact's filter UI but don't want
- *   to round-trip every keystroke.
- * - **Default filter state**: `defaultFilters` seeds the table's filter
- *   meta on first render so saved or URL-encoded filter state can be
- *   rehydrated.
- *
- * Use {@link DataTableForObservableQuery} for queries that should update in
- * real time as the underlying read model changes server-side. Use
- * {@link DataPage} for a higher-level layout that combines this table with
- * a menubar, selection, and a details pane.
- *
  * ## Children
  *
- * Children are PrimeReact `<Column>` elements describing the visible
- * columns — sorting, filtering, custom body templates, everything
- * PrimeReact's `<Column>` supports.
+ * Children are Cratis `<Column>` elements describing the visible columns —
+ * `field`, `header`, custom `body` templates, and `sortable`.
  *
  * ```tsx
- * import { DataTableForQuery } from '@cratis/components/DataTables';
- * import { Column } from 'primereact/column';
+ * import { DataTableForQuery, Column } from '@cratis/components/DataTables';
  * import { AllAuthors } from './AllAuthors';     // proxy from C#
  *
  * <DataTableForQuery query={AllAuthors} emptyMessage="No authors">
@@ -55,12 +34,15 @@ const paging = new Paging(0, 20);
  * </DataTableForQuery>
  * ```
  *
+ * Use {@link DataTableForObservableQuery} for queries that should update in
+ * real time as the underlying read model changes server-side. Use
+ * {@link DataPage} for a higher-level layout that combines this table with
+ * an action menubar, selection, and a details pane.
+ *
  * ## Styling
  *
  * Forward `pt` / `ptOptions` / `unstyled` / `className` to the underlying
- * PrimeReact DataTable. Use `paginatorPt` / `paginatorPtOptions` /
- * `paginatorUnstyled` to style the inner Paginator independently. See
- * [pass-through cheat sheet](../../Documentation/Styling/pass-through.md).
+ * DataTable. See [pass-through cheat sheet](../../Documentation/Styling/pass-through.md).
  *
  * @typeParam TQuery - The query class (proxy generated from C# `IQueryFor`).
  * @typeParam TDataType - The row type returned by the query.
@@ -68,26 +50,17 @@ const paging = new Paging(0, 20);
  * @param props - {@link DataTableForQueryProps}.
  */
 const DataTableForQuery = (props) => {
-    const [filters, setFilters] = useState(props.defaultFilters ?? {});
-    const [filteredTotal, setFilteredTotal] = useState(undefined);
     const [result, , , setPage] = useQueryWithPaging(props.query, paging, props.queryArguments);
-    const containerRef = useRef(null);
-    const isClientFiltering = props.clientFiltering === true;
-    const totalRecords = isClientFiltering && filteredTotal !== undefined ? filteredTotal : result.paging.totalItems;
-    return (jsxs("div", { ref: containerRef, style: {
+    const totalItems = result.paging.totalItems;
+    const pageCount = result.paging.totalPages;
+    return (jsxs("div", { style: {
             display: 'flex',
             flexDirection: 'column',
             height: '100%',
             border: '1px solid var(--cratis-surface-border)',
             borderRadius: 'var(--cratis-border-radius)',
             overflow: 'hidden'
-        }, children: [jsx("div", { style: { flex: 1, minHeight: 0, overflow: 'auto' }, children: jsx(DataTable, { value: result.data, lazy: !isClientFiltering, rows: paging.pageSize, totalRecords: totalRecords, selectionMode: 'single', selection: props.selection, onSelectionChange: props.onSelectionChange, dataKey: props.dataKey, filters: filters, filterDisplay: 'menu', onFilter: (e) => {
-                        setFilters(e.filters);
-                        if (isClientFiltering) {
-                            const filteredValue = e.filteredValue;
-                            setFilteredTotal(filteredValue ? filteredValue.length : undefined);
-                        }
-                    }, globalFilterFields: props.globalFilterFields, emptyMessage: props.emptyMessage, style: { minWidth: '100%' }, className: props.className, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled, children: props.children }) }), result.paging.totalItems > 0 && (jsx("div", { style: { borderTop: '1px solid var(--cratis-surface-border)', flexShrink: 0 }, children: jsx(Paginator, { first: result.paging.page * paging.pageSize, rows: paging.pageSize, totalRecords: result.paging.totalItems, onPageChange: (e) => setPage(e.page), pt: props.paginatorPt, ptOptions: props.paginatorPtOptions, unstyled: props.paginatorUnstyled }) }))] }));
+        }, children: [jsx("div", { style: { flex: 1, minHeight: 0, overflow: 'auto' }, children: jsx(DataTableCore, { data: result.data, dataKey: props.dataKey, emptyMessage: props.emptyMessage, selectionMode: 'single', selection: props.selection, onSelectionChange: props.onSelectionChange, globalFilterFields: props.globalFilterFields, defaultFilters: props.defaultFilters, className: props.className, style: { minWidth: '100%' }, pt: props.pt, ptOptions: props.ptOptions, unstyled: props.unstyled, children: props.children }) }), totalItems > 0 && pageCount > 1 && (jsx("div", { style: { borderTop: '1px solid var(--cratis-surface-border)', flexShrink: 0 }, children: jsx(TablePaginator, { page: result.paging.page, pageCount: pageCount, onPageChange: setPage, totalItems: totalItems, pageSize: paging.pageSize, className: props.paginatorClassName, ariaLabels: props.paginatorAriaLabels }) }))] }));
 };
 
 export { DataTableForQuery };

package/dist/esm/DataTables/DataTableForQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableForQuery.js","sources":["../../../DataTables/DataTableForQuery.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"DataTableForQuery.js","sources":["../../../DataTables/DataTableForQuery.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AA+FA,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC;AAEhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CG;AACI,MAAM,iBAAiB,GAAG,CAAuG,KAA4D,KAAI;IACpM,MAAM,CAAC,MAAM,MAAM,OAAO,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC;AAC3F,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU;AAC3C,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU;IAE1C,QACIA,IAAA,CAAA,KAAA,EAAA,EACI,KAAK,EAAE;AACH,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,MAAM,EAAE,wCAAwC;AAChD,YAAA,YAAY,EAAE,6BAA6B;AAC3C,YAAA,QAAQ,EAAE;AACb,SAAA,EAAA,QAAA,EAAA,CACDC,aAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,YACnDA,GAAA,CAAC,aAAa,EAAA,EACV,IAAI,EAAE,MAAM,CAAC,IAA8B,EAC3C,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAC3B,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA,QAAA,EACvB,KAAK,CAAC,QAAQ,GACH,EAAA,CACd,EAEL,UAAU,GAAG,CAAC,IAAI,SAAS,GAAG,CAAC,KAC5BA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,SAAS,EAAE,wCAAwC,EAAE,UAAU,EAAE,CAAC,EAAE,EAAA,QAAA,EAC9EA,IAAC,cAAc,EAAA,EACX,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,OAAO,EACrB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,SAAS,EAAE,KAAK,CAAC,kBAAkB,EACnC,UAAU,EAAE,KAAK,CAAC,mBAAmB,EAAA,CACvC,GACA,CACT,CAAA,EAAA,CACC;AAEd;;;;"}

package/dist/esm/DataTables/DataTableSelectionChangeEvent.d.ts

@@ -0,0 +1,6 @@
+import type { SyntheticEvent } from 'react';
+export interface DataTableSelectionChangeEvent<TData> {
+    value: TData | null;
+    originalEvent?: SyntheticEvent;
+}
+//# sourceMappingURL=DataTableSelectionChangeEvent.d.ts.map

package/dist/esm/DataTables/DataTableSelectionChangeEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableSelectionChangeEvent.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableSelectionChangeEvent.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAW5C,MAAM,WAAW,6BAA6B,CAAC,KAAK;IAEhD,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IAEpB,aAAa,CAAC,EAAE,cAAc,CAAC;CAClC"}

package/dist/esm/DataTables/DataTableSelectionChangeEvent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DataTableSelectionChangeEvent.js.map

package/dist/esm/DataTables/DataTableSelectionChangeEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableSelectionChangeEvent.js","sourceRoot":"","sources":["../../../DataTables/DataTableSelectionChangeEvent.ts"],"names":[],"mappings":""}

package/dist/esm/DataTables/TablePaginator.d.ts

@@ -0,0 +1,17 @@
+export interface TablePaginatorProps {
+    page: number;
+    pageCount: number;
+    onPageChange: (page: number) => void;
+    totalItems?: number;
+    pageSize?: number;
+    ariaLabels?: {
+        navigation?: string;
+        first?: string;
+        previous?: string;
+        next?: string;
+        last?: string;
+    };
+    className?: string;
+}
+export declare const TablePaginator: ({ page, pageCount, onPageChange, totalItems, pageSize, ariaLabels, className }: TablePaginatorProps) => import("react").JSX.Element;
+//# sourceMappingURL=TablePaginator.d.ts.map

package/dist/esm/DataTables/TablePaginator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePaginator.d.ts","sourceRoot":"","sources":["../../../DataTables/TablePaginator.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,mBAAmB;IAEhC,IAAI,EAAE,MAAM,CAAC;IAEb,SAAS,EAAE,MAAM,CAAC;IAElB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,UAAU,CAAC,EAAE;QACT,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IAEF,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AASD,eAAO,MAAM,cAAc,GAAI,gFAAgF,mBAAmB,gCA4BjI,CAAC"}

package/dist/esm/DataTables/TablePaginator.js

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from 'primereact/button';
+import { paginatorRange } from './paginatorRange.js';
+
+/**
+ * A minimal first/previous/next/last paginator. PrimeReact 11's `Paginator`
+ * is a headless compositional slot rather than a ready-made control, and the
+ * Cratis data tables drive paging through Arc's paging hook rather than the
+ * table's internal pagination — so this renders the page controls wired to a
+ * simple `onPageChange(pageIndex)` callback.
+ */
+const TablePaginator = ({ page, pageCount, onPageChange, totalItems, pageSize, ariaLabels, className }) => {
+    const isFirst = page <= 0;
+    const isLast = page >= pageCount - 1;
+    const rangeReport = paginatorRange(page, pageSize, totalItems);
+    // English defaults; a consumer overrides any of these to localize.
+    const labels = { navigation: 'Pagination', first: 'First page', previous: 'Previous page', next: 'Next page', last: 'Last page', ...ariaLabels };
+    return (jsxs("div", { role: "navigation", "aria-label": labels.navigation, className: className ? `cratis-table-paginator ${className}` : 'cratis-table-paginator', children: [rangeReport && jsx("span", { className: "cratis-table-paginator-range", children: rangeReport }), jsx(Button, { variant: "text", disabled: isFirst, onClick: () => onPageChange(0), "aria-label": labels.first, children: jsx("i", { className: "pi pi-angle-double-left" }) }), jsx(Button, { variant: "text", disabled: isFirst, onClick: () => onPageChange(page - 1), "aria-label": labels.previous, children: jsx("i", { className: "pi pi-angle-left" }) }), jsxs("span", { className: "cratis-table-paginator-info", children: [page + 1, " / ", Math.max(pageCount, 1)] }), jsx(Button, { variant: "text", disabled: isLast, onClick: () => onPageChange(page + 1), "aria-label": labels.next, children: jsx("i", { className: "pi pi-angle-right" }) }), jsx(Button, { variant: "text", disabled: isLast, onClick: () => onPageChange(pageCount - 1), "aria-label": labels.last, children: jsx("i", { className: "pi pi-angle-double-right" }) })] }));
+};
+
+export { TablePaginator };
+//# sourceMappingURL=TablePaginator.js.map