@toteat-eng/ds-react 2026.8.1 → 2026.8.25

package/dist/components/DataTable/DataTable.d.ts

@@ -1,4 +1,4 @@
-import { type ColumnDef } from "@tanstack/react-table";
+import { type ColumnDef, type ColumnFiltersState } from "@tanstack/react-table";
 import { type ReactNode } from "react";
 export interface DataTableProps<T> {
     data: T[];
@@ -11,6 +11,9 @@ export interface DataTableProps<T> {
     paginated?: boolean;
     emptyMessage?: ReactNode;
     searchPlaceholder?: string;
+    filterable?: boolean;
+    filterPlaceholder?: string;
+    clearFiltersLabel?: string;
     previousLabel?: string;
     nextLabel?: string;
     onRowClick?: (row: T) => void;
@@ -20,6 +23,9 @@ export interface DataTableProps<T> {
     pageCount?: number;
     /** Wrap with useCallback in the parent to avoid redundant fetches on re-render. */
     onPageChange?: (pageIndex: number, pageSize: number) => void;
+    /** A fresh inline callback is safe: the effect guards on the previous filters value, so
+     * re-running it fires nothing unless the filters actually changed. */
+    onColumnFiltersChange?: (filters: ColumnFiltersState) => void;
     "data-testid"?: string;
 }
-export declare function DataTable<T>({ data, columns, isLoading, loadingSlot, pageSize, searchable, sortable, paginated, emptyMessage, searchPlaceholder, previousLabel, nextLabel, onRowClick, selectable, onSelectionChange, manualPagination, pageCount, onPageChange, "data-testid": testId, }: DataTableProps<T>): React.ReactElement;
+export declare function DataTable<T>({ data, columns, isLoading, loadingSlot, pageSize, searchable, sortable, paginated, emptyMessage, searchPlaceholder, filterable, filterPlaceholder, clearFiltersLabel, onColumnFiltersChange, previousLabel, nextLabel, onRowClick, selectable, onSelectionChange, manualPagination, pageCount, onPageChange, "data-testid": testId, }: DataTableProps<T>): React.ReactElement;

package/dist/components/DataTable/__stories__/DataTable.stories.d.ts

@@ -18,3 +18,4 @@ export declare const Loading: Story;
 export declare const Empty: Story;
 export declare const WithRowClick: Story;
 export declare const FullFeatured: Story;
+export declare const Filterable: Story;

package/dist/components/DataTable/index.d.ts

@@ -1,3 +1,3 @@
-export type { ColumnDef, PaginationState, Row, RowData, RowSelectionState, SortingState, } from "@tanstack/react-table";
+export type { ColumnDef, ColumnFiltersState, PaginationState, Row, RowData, RowSelectionState, SortingState, } from "@tanstack/react-table";
 export type { DataTableProps } from "./DataTable";
 export { DataTable } from "./DataTable";

package/dist/index.d.ts

@@ -25,7 +25,7 @@ export type { ComingSoonProps } from "./components/ComingSoon";
 export { ComingSoon } from "./components/ComingSoon";
 export type { ConfigRowProps } from "./components/ConfigRow";
 export { ConfigRow } from "./components/ConfigRow";
-export type { ColumnDef, DataTableProps, PaginationState, Row, RowData, SortingState, } from "./components/DataTable";
+export type { ColumnDef, ColumnFiltersState, DataTableProps, PaginationState, Row, RowData, SortingState, } from "./components/DataTable";
 export { DataTable } from "./components/DataTable";
 export type { DatePickerProps } from "./components/DatePicker";
 export { DatePicker } from "./components/DatePicker";