@tetrascience-npm/tetrascience-react-ui 0.5.0-beta.41.1 → 0.5.0-beta.42.1

package/dist/index.d.ts

@@ -1096,7 +1096,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, density, className, variant, containerClassName, }: 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, density, className, variant, containerClassName, }: DataTableProps<TData, TValue>): JSX.Element;
 
 export declare function DataTableColumnToggle({ className }: DataTableColumnToggleProps): JSX.Element | null;
 
@@ -1104,6 +1104,16 @@ export declare interface DataTableColumnToggleProps {
     className?: string;
 }
 
+export declare function DataTableFilter({ className }: DataTableFilterProps): JSX.Element | null;
+
+export declare namespace DataTableFilter {
+    var displayName: string;
+}
+
+export declare interface DataTableFilterProps {
+    className?: string;
+}
+
 export declare function DataTablePagination({ pageSizeOptions, className, }: DataTablePaginationProps): JSX.Element | null;
 
 export declare interface DataTablePaginationProps {
@@ -1129,6 +1139,12 @@ export declare interface DataTableProps<TData, TValue> {
     pagination?: PaginationState;
     onPaginationChange?: (pagination: PaginationState) => void;
     enableColumnReorder?: boolean;
+    enableFiltering?: boolean;
+    filters?: FilterCondition[];
+    onFiltersChange?: (filters: FilterCondition[]) => void;
+    filterConfig?: FilterColumnConfig[];
+    /** When true, filtering is handled externally — onFiltersChange fires but rows are not filtered client-side. */
+    manualFiltering?: boolean;
     density?: "compact" | "default" | "relaxed";
     children?: React_2.ReactNode;
     className?: string;
@@ -1281,6 +1297,22 @@ declare const fieldVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare interface FilterColumnConfig {
+    columnId: string;
+    label?: string;
+    operators?: FilterOperator[];
+}
+
+export declare interface FilterCondition {
+    /** Stable unique key for React reconciliation. */
+    id: string;
+    columnId: string;
+    operator: FilterOperator;
+    value: string;
+}
+
+export declare type FilterOperator = "contains" | "equals" | "not_equals" | "starts_with" | "ends_with" | "is_empty" | "is_not_empty";
+
 export declare const getAttachmentLabel: (data: AttachmentData) => string;
 
 export declare const getMediaCategory: (data: AttachmentData) => AttachmentMediaCategory;
@@ -2740,6 +2772,10 @@ declare interface TableContextValue<TData> {
     table: Table_2<TData>;
     columnLabels: Record<string, string>;
     setColumnLabel: (columnId: string, label: string) => void;
+    filters: FilterCondition[];
+    setFilters: (filters: FilterCondition[]) => void;
+    filterConfig: FilterColumnConfig[];
+    enableFiltering: boolean;
 }
 
 export declare function TableFooter({ className, ...props }: React_2.ComponentProps<"tfoot">): JSX.Element;