@tetrascience-npm/tetrascience-react-ui 0.5.0-beta.55.1 → 0.5.0-beta.57.1

package/dist/index.d.ts

@@ -1134,7 +1134,7 @@ export declare interface DataAppShellProps {
     className?: string;
 }
 
-export declare function DataTable<TData, TValue>({ columns, data, toolbar, enableSorting, enableColumnVisibility, children, columnOrder: controlledColumnOrder, onColumnOrderChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, columnLabels: controlledColumnLabels, onColumnLabelChange, enablePagination, defaultPageSize, pagination: controlledPagination, onPaginationChange, enableColumnReorder, enableFiltering, filters: controlledFilters, onFiltersChange, filterConfig, manualFiltering, density, className, variant, containerClassName, truncate, }: DataTableProps<TData, TValue>): JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, toolbar, enableSorting, enableColumnVisibility, children, columnOrder: controlledColumnOrder, onColumnOrderChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, columnLabels: controlledColumnLabels, onColumnLabelChange, enablePagination, defaultPageSize, pagination: controlledPagination, onPaginationChange, enableColumnReorder, enableFiltering, filters: controlledFilters, onFiltersChange, filterConfig, manualFiltering, enableGrouping, grouping: controlledGrouping, onGroupingChange, groupConfig, density, className, variant, containerClassName, truncate, }: DataTableProps<TData, TValue>): JSX.Element;
 
 export declare function DataTableColumnToggle({ className }: DataTableColumnToggleProps): JSX.Element | null;
 
@@ -1152,6 +1152,16 @@ export declare interface DataTableFilterProps {
     className?: string;
 }
 
+export declare function DataTableGroup({ className }: DataTableGroupProps): JSX.Element | null;
+
+export declare namespace DataTableGroup {
+    var displayName: string;
+}
+
+export declare interface DataTableGroupProps {
+    className?: string;
+}
+
 export declare function DataTablePagination({ pageSizeOptions, className, }: DataTablePaginationProps): JSX.Element | null;
 
 export declare interface DataTablePaginationProps {
@@ -1183,6 +1193,11 @@ export declare interface DataTableProps<TData, TValue> {
     filterConfig?: FilterColumnConfig[];
     /** When true, filtering is handled externally — onFiltersChange fires but rows are not filtered client-side. */
     manualFiltering?: boolean;
+    enableGrouping?: boolean;
+    /** ID of the column currently grouped by, or null for no grouping. */
+    grouping?: string | null;
+    onGroupingChange?: (grouping: string | null) => void;
+    groupConfig?: GroupColumnConfig[];
     density?: "compact" | "default" | "relaxed";
     children?: React_2.ReactNode;
     className?: string;
@@ -1411,6 +1426,11 @@ export declare const getStatusBadge: (status: ToolPart["state"]) => JSX.Element;
  */
 export declare function getTdpBaseUrlFromReferrer(): string | null;
 
+export declare interface GroupColumnConfig {
+    columnId: string;
+    label?: string;
+}
+
 export declare const Heatmap: default_2.FC<HeatmapProps>;
 
 /**
@@ -2880,6 +2900,10 @@ declare interface TableContextValue<TData> {
     setFilters: (filters: FilterCondition[]) => void;
     filterConfig: FilterColumnConfig[];
     enableFiltering: boolean;
+    grouping: string | null;
+    setGrouping: (columnId: string | null) => void;
+    groupConfig: GroupColumnConfig[];
+    enableGrouping: boolean;
 }
 
 export declare function TableFooter({ className, ...props }: React_2.ComponentProps<"tfoot">): JSX.Element;