@krak-stack/registry 0.1.19 → 0.1.21

package/dist/components/ui/data-table.d.ts

@@ -1,124 +1,142 @@
+import { type ReactNode } from "react";
 import { type PaginationMessages } from "./pagination.js";
-import { Schema } from "effect";
-import { type HTMLAttributes, type ReactNode } from "react";
-import { type ValidateFromPath } from "@tanstack/react-router";
-import { type Column, type ColumnDef, type Header, type RowData, type ColumnVisibilityState, type AppReactTable, type TableState } from "@tanstack/react-table";
-type DataTableColumnMeta = {
+import { type QueryType } from "../../lib/query.js";
+type RowData = object;
+export type DataTableSorting = readonly {
+    id: string;
+    desc: boolean;
+}[];
+export type DataTablePaginationState = {
+    pageIndex: number;
+    pageSize: number;
+};
+export type DataTableView = "table" | "gallery";
+export interface DataTablePublicState {
+    globalFilter: string;
+    sorting: DataTableSorting;
+    pagination: DataTablePaginationState;
+    columnVisibility: Record<string, boolean>;
+    columnSizing: Record<string, number>;
+    rowSelection: Record<string, boolean>;
+    grouping: readonly string[];
+    collapsedGroups: Record<string, boolean>;
+    view: DataTableView;
+}
+export interface DataTableValueGetterParams<TData extends RowData> {
+    data: TData;
+    rowId: string;
+    rowIndex: number;
+    colDef: DataTableColDef<TData>;
+}
+export interface DataTableCellRendererParams<TData extends RowData> extends DataTableValueGetterParams<TData> {
+    value: unknown;
+}
+export interface DataTableColDef<TData extends RowData> {
+    field?: keyof TData & string;
+    colId?: string;
+    headerName: ReactNode;
+    valueGetter?: (params: DataTableValueGetterParams<TData>) => unknown;
+    valueFormatter?: (params: DataTableCellRendererParams<TData>) => ReactNode;
+    cellRenderer?: (params: DataTableCellRendererParams<TData>) => ReactNode;
+    sortable?: boolean;
+    comparator?: (left: unknown, right: unknown, leftData: TData, rightData: TData) => number;
+    searchable?: boolean;
+    hideable?: boolean;
+    resizable?: boolean;
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
     truncate?: boolean;
+}
+export interface DataTableStatus {
+    loading?: boolean;
+    error?: ReactNode;
+    empty?: ReactNode;
+}
+export type DataTableRowAction<TData> = {
+    id?: string;
+    name: string;
+    icon?: ReactNode;
+    variant?: "default" | "destructive";
+    onClick: (data: TData) => void;
+    visible?: (data: TData) => boolean;
+};
+export type DataTableBulkAction<TData> = {
+    id?: string;
+    name: string;
+    icon?: ReactNode;
+    variant?: "default" | "destructive";
+    onClick: (rows: TData[]) => void;
+    visible?: (rows: TData[]) => boolean;
 };
-declare const dataTableFeatures: {
-    columnFilteringFeature: import("@tanstack/react-table").TableFeature;
-    columnResizingFeature: import("@tanstack/react-table").TableFeature;
-    columnSizingFeature: import("@tanstack/react-table").TableFeature;
-    columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
-    globalFilteringFeature: import("@tanstack/react-table").TableFeature;
-    rowPaginationFeature: import("@tanstack/react-table").TableFeature;
-    rowSelectionFeature: import("@tanstack/react-table").TableFeature;
-    rowSortingFeature: import("@tanstack/react-table").TableFeature;
-    filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    columnMeta: DataTableColumnMeta;
+export type DataTableGroupAction = {
+    name: string;
+    icon?: ReactNode;
+    variant?: "default" | "destructive";
+    onClick: (groupId: string) => void;
+    visible?: (groupId: string) => boolean;
+};
+export interface DataTableGroupingField<TData> {
+    id: string;
+    label: string;
+    getGroupId: (row: TData) => string;
+    getRowGroupIds?: (row: TData) => readonly string[];
+    getGroupIds?: () => readonly string[];
+    renderGroupLabel?: (groupId: string, rows: TData[]) => ReactNode;
+    renderEmptyGroup?: (groupId: string) => ReactNode;
+    onMoveToGroup?: (row: TData, groupId: string) => void;
+    actionsLabel?: string;
+    actions?: readonly DataTableGroupAction[];
+}
+export interface DataTableGroupingFeature<TData> {
+    fields: readonly DataTableGroupingField<TData>[];
+    initial?: readonly string[];
+    getRowLabel?: (row: TData) => string;
+}
+export type DataTablePaginationFeature = false | {
+    mode: "client";
+    pageSizes?: readonly number[];
+} | {
+    mode: "server";
+    rowCount: number;
+    pageSizes?: readonly number[];
 };
-export declare const createDataTableColumnHelper: <TData extends RowData>() => import("@tanstack/react-table").AppColumnHelper<{
-    columnFilteringFeature: import("@tanstack/react-table").TableFeature;
-    columnResizingFeature: import("@tanstack/react-table").TableFeature;
-    columnSizingFeature: import("@tanstack/react-table").TableFeature;
-    columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
-    globalFilteringFeature: import("@tanstack/react-table").TableFeature;
-    rowPaginationFeature: import("@tanstack/react-table").TableFeature;
-    rowSelectionFeature: import("@tanstack/react-table").TableFeature;
-    rowSortingFeature: import("@tanstack/react-table").TableFeature;
-    filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    columnMeta: DataTableColumnMeta;
-}, TData, {}, {}>, useDataTable: <TData extends RowData, TSelected = import("@tanstack/react-table").TableState_ColumnFiltering & import("@tanstack/react-table").TableState_ColumnResizing & import("@tanstack/react-table").TableState_ColumnSizing & import("@tanstack/react-table").TableState_ColumnVisibility & import("@tanstack/react-table").TableState_GlobalFiltering & import("@tanstack/react-table").TableState_RowPagination & import("@tanstack/react-table").TableState_RowSelection & import("@tanstack/react-table").TableState_RowSorting>(tableOptions: Omit<import("@tanstack/react-table").TableOptions<{
-    columnFilteringFeature: import("@tanstack/react-table").TableFeature;
-    columnResizingFeature: import("@tanstack/react-table").TableFeature;
-    columnSizingFeature: import("@tanstack/react-table").TableFeature;
-    columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
-    globalFilteringFeature: import("@tanstack/react-table").TableFeature;
-    rowPaginationFeature: import("@tanstack/react-table").TableFeature;
-    rowSelectionFeature: import("@tanstack/react-table").TableFeature;
-    rowSortingFeature: import("@tanstack/react-table").TableFeature;
-    filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    columnMeta: DataTableColumnMeta;
-}, TData>, "features">, selector?: ((state: import("@tanstack/react-table").TableState_ColumnFiltering & import("@tanstack/react-table").TableState_ColumnResizing & import("@tanstack/react-table").TableState_ColumnSizing & import("@tanstack/react-table").TableState_ColumnVisibility & import("@tanstack/react-table").TableState_GlobalFiltering & import("@tanstack/react-table").TableState_RowPagination & import("@tanstack/react-table").TableState_RowSelection & import("@tanstack/react-table").TableState_RowSorting) => TSelected) | undefined) => AppReactTable<{
-    columnFilteringFeature: import("@tanstack/react-table").TableFeature;
-    columnResizingFeature: import("@tanstack/react-table").TableFeature;
-    columnSizingFeature: import("@tanstack/react-table").TableFeature;
-    columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
-    globalFilteringFeature: import("@tanstack/react-table").TableFeature;
-    rowPaginationFeature: import("@tanstack/react-table").TableFeature;
-    rowSelectionFeature: import("@tanstack/react-table").TableFeature;
-    rowSortingFeature: import("@tanstack/react-table").TableFeature;
-    filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    columnMeta: DataTableColumnMeta;
-}, TData, TSelected, {}, {}, {}>, useDataTableCellContext: <TValue extends import("@tanstack/react-table").CellData = unknown>() => import("@tanstack/react-table").Cell_Core<{
-    columnFilteringFeature: import("@tanstack/react-table").TableFeature;
-    columnResizingFeature: import("@tanstack/react-table").TableFeature;
-    columnSizingFeature: import("@tanstack/react-table").TableFeature;
-    columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
-    globalFilteringFeature: import("@tanstack/react-table").TableFeature;
-    rowPaginationFeature: import("@tanstack/react-table").TableFeature;
-    rowSelectionFeature: import("@tanstack/react-table").TableFeature;
-    rowSortingFeature: import("@tanstack/react-table").TableFeature;
-    filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    columnMeta: DataTableColumnMeta;
-}, any, TValue> & {
-    FlexRender: () => ReactNode;
-}, useDataTableHeaderContext: <TValue extends import("@tanstack/react-table").CellData = unknown>() => import("@tanstack/react-table").Header_Core<{
-    columnFilteringFeature: import("@tanstack/react-table").TableFeature;
-    columnResizingFeature: import("@tanstack/react-table").TableFeature;
-    columnSizingFeature: import("@tanstack/react-table").TableFeature;
-    columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
-    globalFilteringFeature: import("@tanstack/react-table").TableFeature;
-    rowPaginationFeature: import("@tanstack/react-table").TableFeature;
-    rowSelectionFeature: import("@tanstack/react-table").TableFeature;
-    rowSortingFeature: import("@tanstack/react-table").TableFeature;
-    filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    columnMeta: DataTableColumnMeta;
-}, any, TValue> & import("@tanstack/react-table").Header_ColumnResizing & import("@tanstack/react-table").Header_ColumnSizing & {
-    FlexRender: () => ReactNode;
-}, useDataTableContext: <TData extends RowData = RowData, TSelected = import("@tanstack/react-table").TableState_ColumnFiltering & import("@tanstack/react-table").TableState_ColumnResizing & import("@tanstack/react-table").TableState_ColumnSizing & import("@tanstack/react-table").TableState_ColumnVisibility & import("@tanstack/react-table").TableState_GlobalFiltering & import("@tanstack/react-table").TableState_RowPagination & import("@tanstack/react-table").TableState_RowSelection & import("@tanstack/react-table").TableState_RowSorting>() => AppReactTable<{
-    columnFilteringFeature: import("@tanstack/react-table").TableFeature;
-    columnResizingFeature: import("@tanstack/react-table").TableFeature;
-    columnSizingFeature: import("@tanstack/react-table").TableFeature;
-    columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
-    globalFilteringFeature: import("@tanstack/react-table").TableFeature;
-    rowPaginationFeature: import("@tanstack/react-table").TableFeature;
-    rowSelectionFeature: import("@tanstack/react-table").TableFeature;
-    rowSortingFeature: import("@tanstack/react-table").TableFeature;
-    filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
-    columnMeta: DataTableColumnMeta;
-}, TData, TSelected, {}, {}, {}>;
-export type DataTableColumnDef<TData extends RowData, TValue = unknown> = ColumnDef<typeof dataTableFeatures, TData, TValue>;
-type DataTableColumn<TData extends RowData, TValue = unknown> = Column<typeof dataTableFeatures, TData, TValue>;
-type DataTableHeader<TData extends RowData, TValue = unknown> = Header<typeof dataTableFeatures, TData, TValue>;
-type DataTableInstance<TData extends RowData> = AppReactTable<typeof dataTableFeatures, TData, TableState<typeof dataTableFeatures>, Record<never, never>, Record<never, never>, Record<never, never>>;
-export declare const TableSearchSchema: Schema.Struct<{
-    readonly page: Schema.optional<Schema.Int>;
-    readonly pageSize: Schema.optional<Schema.Int>;
-    readonly globalFilter: Schema.optional<Schema.String>;
-    readonly sort: Schema.optional<Schema.decodeTo<Schema.String, Schema.decodeTo<Schema.$Array<Schema.Struct<{
-        readonly id: Schema.NonEmptyString;
-        readonly direction: Schema.Union<readonly [Schema.Literal<"asc">, Schema.Literal<"desc">]>;
-    }>>, Schema.String, never, never>, never, never>>;
-    readonly grouping: Schema.optional<Schema.$Array<Schema.String>>;
-}>;
-export declare const TableSearchSchemaStandard: ReturnType<typeof Schema.toStandardSchemaV1<typeof TableSearchSchema>>;
-export type TableParams = Schema.Schema.Type<typeof TableSearchSchema>;
+export interface DataTableFeatures<TData> {
+    search?: boolean;
+    sorting?: boolean;
+    pagination?: DataTablePaginationFeature;
+    columnVisibility?: boolean;
+    selection?: false | {
+        getRowId?: (row: TData) => string;
+        isRowSelectable?: (row: TData) => boolean;
+        onSelectionChange?: (rows: TData[]) => void;
+        bulkActions?: false | {
+            label?: string;
+            items: readonly DataTableBulkAction<TData>[];
+        };
+    };
+    rowActions?: false | {
+        label?: string;
+        items: readonly DataTableRowAction<TData>[];
+    };
+    export?: false | {
+        baseName: string;
+        scope?: "currentPage" | "filteredRows";
+    };
+    gallery?: false | {
+        name: string;
+        description?: string;
+        tag?: string;
+        tagIcon?: ReactNode;
+    };
+    grouping?: false | DataTableGroupingFeature<TData>;
+    reordering?: false | {
+        onReorder: (rows: TData[]) => void;
+        getRowLabel?: (row: TData) => string;
+        handleLabel?: string;
+    };
+    refresh?: false | (() => void);
+}
 export type DataTableMessages = PaginationMessages & {
     actions: string;
     empty: string;
@@ -135,10 +153,12 @@ export type DataTableMessages = PaginationMessages & {
     groupBy: string;
     sortAsc: string;
     sortDesc: string;
-    sortHide: string;
     sortClear: string;
     sortBy: string;
+    hideColumn: string;
     reorder: string;
+    moveUp: string;
+    moveDown: string;
     resizeColumn: (column: string) => string;
     listOthers: (count: number) => string;
     selectAllRows: string;
@@ -170,10 +190,12 @@ export declare const dataTableMessages: (overrides?: DataTableMessageOverrides)
     groupBy: string;
     sortAsc: string;
     sortDesc: string;
-    sortHide: string;
     sortClear: string;
     sortBy: string;
+    hideColumn: string;
     reorder: string;
+    moveUp: string;
+    moveDown: string;
     resizeColumn: (column: string) => string;
     listOthers: (count: number) => string;
     selectAllRows: string;
@@ -203,188 +225,104 @@ export declare const dataTableMessages: (overrides?: DataTableMessageOverrides)
     groupBy: string;
     sortAsc: string;
     sortDesc: string;
-    sortHide: string;
     sortClear: string;
     sortBy: string;
+    hideColumn: string;
     reorder: string;
+    moveUp: string;
+    moveDown: string;
     resizeColumn: (column: string) => string;
     listOthers: (count: number) => string;
     selectAllRows: string;
     selectRow: string;
     selected: string;
 };
-export interface DataTableGroupingField<TData> {
-    id: string;
-    label: string;
-    getGroupId: (row: TData) => string;
-    getRowGroupIds?: (row: TData) => string[];
-    getGroupIds?: () => string[];
-    getGroupLabel?: (groupId: string, rows: TData[]) => ReactNode;
-    renderGroupLabel?: (groupId: string, rows: TData[]) => ReactNode;
-    renderEmptyGroup?: (groupId: string) => ReactNode;
-    onMoveToGroup?: (row: TData, groupId: string) => void;
-    actionsTitle?: string;
-    actions?: DataTableGroupAction[];
-}
-export interface DataTableGrouping<TData> {
-    fields: DataTableGroupingField<TData>[];
-    initial?: string[];
-    getRowLabel?: (row: TData) => string;
-}
-export interface DataTableRelationshipOption {
-    icon?: ReactNode;
-    label: string;
-    value: string;
-}
-export interface DataTableGalleryConfig {
-    name: string;
-    description?: string;
-    tag?: string;
-    tagIcon?: ReactNode;
-}
-export interface DataTableReordering<TData> {
-    onReorder: (rows: TData[]) => void;
-    getRowId: (row: TData) => string;
-    getRowLabel?: (row: TData) => string;
-    handleLabel?: string;
-}
-export type DataTableRowAction<TData> = {
-    id?: string;
-    name: string;
-    icon?: ReactNode;
-    variant?: "default" | "destructive" | undefined;
-    onClick: (data: TData) => void;
-    visible?: (data: TData) => boolean;
-};
-export type DataTableBulkAction<TData> = {
-    id?: string;
-    name: string;
-    icon?: ReactNode;
-    variant?: "default" | "destructive" | undefined;
-    onClick: (rows: TData[]) => void;
-    visible?: (rows: TData[]) => boolean;
-};
-export type DataTableGroupAction = {
-    name: string;
-    icon?: ReactNode;
-    variant?: "default" | "destructive" | undefined;
-    onClick: (groupId: string) => void;
-    visible?: (groupId: string) => boolean;
-};
-export interface DataTableState {
-    loading?: boolean;
-    error?: ReactNode;
-    empty?: ReactNode;
-}
-export type DataTablePaginationFeature = false | {
-    mode: "client";
-    pageSizes?: readonly number[];
-} | {
-    mode: "server";
-    rowCount: number;
-    pageSizes?: readonly number[];
-};
-export interface DataTableExportFeature {
-    baseName: string;
-    scope?: "currentPage" | "filteredRows";
-}
-export interface DataTableRowActionsFeature<TData> {
-    label?: string;
-    items: readonly DataTableRowAction<TData>[];
+export interface DataTableProps<TData extends RowData> {
+    rowData: readonly TData[];
+    columnDefs: readonly DataTableColDef<TData>[];
+    getRowId?: (row: TData) => string;
+    state?: Partial<DataTablePublicState>;
+    initialState?: Partial<DataTablePublicState>;
+    onStateChange?: (state: DataTablePublicState) => void;
+    query?: QueryType;
+    onQueryChange?: (query: QueryType) => void;
+    status?: DataTableStatus;
+    features?: DataTableFeatures<TData>;
+    onRowClicked?: (row: TData) => void;
+    messages?: DataTableMessageOverrides;
 }
-export interface DataTableColumnVisibilityFeature {
-    default?: ColumnVisibilityState;
+export interface DataTableColumn<TData extends RowData> {
+    id: string;
+    colDef: DataTableColDef<TData>;
+    width: number;
 }
-export interface DataTableSelectionFeature<TData> {
-    bulkActions?: false | {
-        label?: string;
-        items: readonly DataTableBulkAction<TData>[];
-    };
-    getRowId: (row: TData) => string;
-    isRowSelectable?: (row: TData) => boolean;
-    onSelectionChange?: (rows: TData[]) => void;
+export interface DataTableModelRow<TData extends RowData> {
+    id: string;
+    data: TData;
+    index: number;
+    values: ReadonlyMap<string, unknown>;
 }
-export interface DataTableFeatures<TData> {
-    pagination?: DataTablePaginationFeature;
-    search?: boolean;
-    export?: false | DataTableExportFeature;
-    columnVisibility?: boolean | DataTableColumnVisibilityFeature;
-    gallery?: false | DataTableGalleryConfig;
-    sorting?: boolean;
-    rowActions?: false | DataTableRowActionsFeature<TData>;
-    selection?: false | DataTableSelectionFeature<TData>;
+export interface DataTableModel<TData extends RowData> {
+    columns: readonly DataTableColumn<TData>[];
+    visibleColumns: readonly DataTableColumn<TData>[];
+    rows: readonly DataTableModelRow<TData>[];
+    filteredRows: readonly DataTableModelRow<TData>[];
+    sortedRows: readonly DataTableModelRow<TData>[];
+    pageRows: readonly DataTableModelRow<TData>[];
+    pageCount: number;
+    totalRows: number;
 }
-type LegacyDataTableRowAction<TData> = Omit<DataTableRowAction<TData>, "id"> & {
-    id?: string;
+export declare const normalizeDataTableColumns: <TData extends RowData>(columnDefs: readonly DataTableColDef<TData>[], columnSizing?: Readonly<Record<string, number>>) => DataTableColumn<TData>[];
+export declare const getDataTableWidth: <TData extends RowData>(columns: readonly DataTableColumn<TData>[], utilityColumns?: number) => number;
+export declare const buildDataTableRows: <TData extends RowData>(rowData: readonly TData[], columns: readonly DataTableColumn<TData>[], getRowId?: (row: TData) => string) => DataTableModelRow<TData>[];
+export declare const filterDataTableRows: <TData extends RowData>(rows: readonly DataTableModelRow<TData>[], columns: readonly DataTableColumn<TData>[], globalFilter: string) => DataTableModelRow<TData>[];
+export declare const sortDataTableRows: <TData extends RowData>(rows: readonly DataTableModelRow<TData>[], columns: readonly DataTableColumn<TData>[], sorting: DataTableSorting) => DataTableModelRow<TData>[];
+export declare const paginateDataTableRows: <TData extends RowData>(rows: readonly DataTableModelRow<TData>[], pagination: DataTablePaginationState) => DataTableModelRow<TData>[];
+export declare const mergeDataTableState: (state: DataTablePublicState, controlledState?: Partial<DataTablePublicState>) => DataTablePublicState;
+export declare const reorderDataTableRows: <TData extends RowData>(rows: readonly DataTableModelRow<TData>[], sourceRowId: string, targetRowId: string) => TData[];
+type GroupSection<TData extends RowData> = {
+    key: string;
+    groupId: string;
+    depth: number;
+    field: DataTableGroupingField<TData>;
+    rows: DataTableModelRow<TData>[];
+    children: GroupSection<TData>[];
 };
-interface DataTableProps<TData extends RowData> {
-    columns: DataTableColumnDef<TData>[];
-    data: TData[];
-    state?: DataTableState;
-    search?: TableParams;
-    onSearchChange?: (search: TableParams) => void;
-    searchState?: "url" | "local";
-    emptyLabel?: ReactNode;
-    messages?: DataTableMessageOverrides;
-    exportFileName?: string;
-    isLoading?: boolean;
-    onRefresh?: () => void;
-    onRowClick?: (row: TData) => void;
-    routeFrom?: ValidateFromPath;
-    from?: ValidateFromPath;
-    grouping?: DataTableGrouping<TData>;
-    reordering?: DataTableReordering<TData>;
-    features?: DataTableFeatures<TData>;
-    gallery?: DataTableGalleryConfig;
-    rowActions?: readonly LegacyDataTableRowAction<TData>[];
-    serverPagination?: {
-        rowCount: number;
-    };
-}
-export declare const DataTableRowActions: <TData>({ actions, contentClassName, row, title, }: {
+export declare const groupDataTableRows: <TData extends RowData>(rows: readonly DataTableModelRow<TData>[], fields: readonly DataTableGroupingField<TData>[], depth?: number, parentKey?: string) => GroupSection<TData>[];
+export declare const getDataTableSelectableRows: <TData extends RowData>(model: DataTableModel<TData>, grouped: boolean, isRowSelectable?: (row: TData) => boolean) => DataTableModelRow<TData>[];
+export type CsvValue = string | number | boolean | null | undefined;
+export declare const downloadCsv: (headers: CsvValue[], data: CsvValue[][], fileName?: string) => void;
+export declare const downloadJson: <TData>(data: TData, fileName?: string) => void;
+export declare const DataTableRowActions: <TData>({ actions, row, title, }: {
     actions: readonly DataTableRowAction<TData>[];
-    contentClassName?: string | undefined;
     row: TData;
-    title?: string | undefined;
+    title?: string;
 }) => import("react").JSX.Element | null;
-export declare const getHeaderNames: <TData extends RowData>(headers: DataTableHeader<TData, unknown>[]) => string[];
-export type CsvValue = string | number | boolean | null | undefined;
-export declare const downloadCsv: (headers: CsvValue[], data: CsvValue[][], fileName?: string) => void;
-export declare const downloadJson: <Data>(data: Data, fileName?: string) => void;
-export declare function DataTable<TData extends RowData>({ columns, data, state, search: controlledSearch, onSearchChange, searchState, emptyLabel, messages, exportFileName, isLoading: legacyIsLoading, onRefresh, onRowClick, from, routeFrom, grouping, gallery, rowActions: legacyRowActions, reordering, serverPagination, features, }: DataTableProps<TData>): import("react").JSX.Element;
-interface DataTablePaginationProps<TData extends RowData> {
-    messages?: DataTableMessageOverrides;
-    pageSizes?: readonly number[] | undefined;
-    rowCount?: number | undefined;
-    table: DataTableInstance<TData>;
+export declare const DataTable: <TData extends RowData>(props: DataTableProps<TData>) => import("react").JSX.Element;
+export interface DataTableRelationshipOption {
+    icon?: ReactNode;
+    label: string;
+    value: string;
 }
-export declare function DataTablePagination<TData extends RowData>({ messages, pageSizes, rowCount, table, }: DataTablePaginationProps<TData>): import("react").JSX.Element;
-export declare function DataTableRelationshipCell({ emptyLabel, manageLabel, onAdd, onRemove, options, value, }: {
+export declare const DataTableRelationshipCell: ({ emptyLabel, manageLabel, onAdd, onRemove, options, value, }: {
     emptyLabel: string;
-    from?: ValidateFromPath;
     manageLabel: string;
     onAdd?: (value: string) => void;
     onRemove?: (value: string) => void;
     options: readonly DataTableRelationshipOption[];
     value: readonly DataTableRelationshipOption[];
-}): import("react").JSX.Element;
-export declare function DataTableListSummary({ emptyLabel, expandable, items, overflowLabel, totalCount, variant, visibleCount, }: {
+}) => import("react").JSX.Element;
+export declare const DataTableListSummary: ({ emptyLabel, expandable, items, overflowLabel, totalCount, variant, visibleCount, }: {
     emptyLabel: ReactNode;
-    expandable?: boolean | undefined;
+    expandable?: boolean;
     items: readonly (string | {
         icon?: ReactNode;
         label: string;
         value?: string;
     })[];
-    overflowLabel?: ((remaining: number) => ReactNode) | undefined;
-    totalCount?: number | undefined;
-    variant?: "icon" | "text" | undefined;
-    visibleCount?: number | undefined;
-}): import("react").JSX.Element;
-interface DataTableColumnHeaderProps<TData extends RowData, TValue> extends HTMLAttributes<HTMLDivElement> {
-    column: DataTableColumn<TData, TValue>;
-    messages?: DataTableMessageOverrides;
-    title: string;
-}
-export declare function DataTableColumnHeader<TData extends RowData, TValue>({ column, messages, title, className, }: DataTableColumnHeaderProps<TData, TValue>): import("react").JSX.Element;
+    overflowLabel?: (remaining: number) => ReactNode;
+    totalCount?: number;
+    variant?: "icon" | "text";
+    visibleCount?: number;
+}) => import("react").JSX.Element;
 export {};