@rafal.lemieszewski/tide-ui 0.40.2 → 0.41.0

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

@@ -184,8 +184,43 @@ export interface DataTableProps<TData, TValue> {
     onColumnSizingChange?: (updaterOrValue: Record<string, number> | ((old: Record<string, number>) => Record<string, number>)) => void;
     renderSectionHeaderRow?: (row: any) => React.ReactNode | null;
     autoExpandChildren?: boolean;
+    /**
+     * Callback fired when a row is clicked.
+     * Receives the row object from @tanstack/react-table and the click event.
+     * Use row.original to access the underlying data.
+     *
+     * By default, only leaf rows and single-item groups are clickable.
+     * Use isRowClickable to customize which rows can be clicked.
+     *
+     * @example
+     * onRowClick={(row, event) => {
+     *   console.log('Clicked data:', row.original);
+     *   setSelectedItem(row.original);
+     * }}
+     */
+    onRowClick?: (row: any, event: React.MouseEvent<HTMLTableRowElement>) => void;
+    /**
+     * Filter which rows should be clickable.
+     * Return false to prevent row from being clickable.
+     *
+     * By default, leaf rows and single-item groups are clickable.
+     *
+     * @example
+     * // Only allow leaf rows to be clicked
+     * isRowClickable={(row) => !row.getIsGrouped()}
+     *
+     * @example
+     * // Allow all rows including parent groups
+     * isRowClickable={(row) => true}
+     */
+    isRowClickable?: (row: any) => boolean;
+    /**
+     * CSS class name to apply to clickable rows.
+     * Default: applies cursor-pointer and hover background if onRowClick is provided
+     */
+    clickableRowClassName?: string;
 }
-export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, title, className, stickyHeader, stickyFirstColumn, stickyLeftColumns, stickyRightColumns, enableResponsiveWrapper, showScrollIndicators, isLoading, loadingRowCount, borderStyle, enableGlobalSearch, globalSearchPlaceholder, enableGlobalFaceting, enableColumnResizing, columnResizeMode, enableColumnResizePersistence, storageKey, enableExpanding, getSubRows, enableGrouping, groupedColumnMode, enableManualGrouping, groupDisplayColumn, hideChildrenForSingleItemGroups, hideExpanderForSingleItemGroups, enableRowPinning, keepPinnedRows, enableVirtualization, nestedHeaders, enableNestedHeaders, enableColumnOrdering, enableRowSelection, showHeader, showPagination, onTableReady, initialState, sorting: controlledSorting, onSortingChange: onControlledSortingChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange: onControlledColumnVisibilityChange, grouping: controlledGrouping, onGroupingChange: onControlledGroupingChange, columnOrder: controlledColumnOrder, onColumnOrderChange: onControlledColumnOrderChange, columnSizing: controlledColumnSizing, onColumnSizingChange: onControlledColumnSizingChange, renderSectionHeaderRow, autoExpandChildren, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, title, className, stickyHeader, stickyFirstColumn, stickyLeftColumns, stickyRightColumns, enableResponsiveWrapper, showScrollIndicators, isLoading, loadingRowCount, borderStyle, enableGlobalSearch, globalSearchPlaceholder, enableGlobalFaceting, enableColumnResizing, columnResizeMode, enableColumnResizePersistence, storageKey, enableExpanding, getSubRows, enableGrouping, groupedColumnMode, enableManualGrouping, groupDisplayColumn, hideChildrenForSingleItemGroups, hideExpanderForSingleItemGroups, enableRowPinning, keepPinnedRows, enableVirtualization, nestedHeaders, enableNestedHeaders, enableColumnOrdering, enableRowSelection, showHeader, showPagination, onTableReady, initialState, sorting: controlledSorting, onSortingChange: onControlledSortingChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange: onControlledColumnVisibilityChange, grouping: controlledGrouping, onGroupingChange: onControlledGroupingChange, columnOrder: controlledColumnOrder, onColumnOrderChange: onControlledColumnOrderChange, columnSizing: controlledColumnSizing, onColumnSizingChange: onControlledColumnSizingChange, renderSectionHeaderRow, autoExpandChildren, onRowClick, isRowClickable, clickableRowClassName, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
 export { DataTableColumnHeader, DataTableFilter, DataTableToolbar, DataTablePagination, DataTableSkeleton, fuzzyFilter, multiSelectFilter };
 export { useReactTable } from '@tanstack/react-table';
 export type { SortingState, ColumnFiltersState, VisibilityState, ExpandedState, GroupingState, ColumnOrderState, FilterFn, ColumnResizeMode, } from '@tanstack/react-table';