@nar-bus/lena-ui-shared 1.3.9 → 1.3.10

package/dist/index.d.ts

@@ -831,7 +831,7 @@ export declare interface DataRowProps {
     size?: 'sm' | 'md';
 }
 
-export declare function DataTable<TData>({ columns, getRowId, data, isLoading, error, pagination, onPageChange, onPageSizeChange, pageSizeOptions, sortBy, sortDirection, onSortChange, searchValue, onSearchChange, searchPlaceholder, searchDebounceMs, fieldConfig, filters, onFiltersChange, enableRowSelection, rowSelection, onRowSelectionChange, bulkActions, rowActions, toolbarStart, toolbarEnd, className, toolbarVariant, emptyIcon, emptyTitle, emptyDescription, onRowClick, rowClassName, meta, headerColor, }: DataTableComponentProps<TData>): JSX.Element;
+export declare function DataTable<TData>({ columns, getRowId, data, isLoading, error, pagination, onPageChange, onPageSizeChange, pageSizeOptions, sortBy, sortDirection, onSortChange, searchValue, onSearchChange, searchPlaceholder, searchDebounceMs, fieldConfig, filters, onFiltersChange, enableRowSelection, rowSelection, onRowSelectionChange, bulkActions, rowActions, toolbarStart, toolbarEnd, className, toolbarVariant, emptyIcon, emptyTitle, emptyDescription, onRowClick, rowClassName, zebra, meta, headerColor, headerTextColor, }: DataTableComponentProps<TData>): JSX.Element;
 
 declare interface DataTableActions {
     setGeneralSearch: (value: string) => void;
@@ -905,10 +905,14 @@ declare interface DataTableComponentProps<TData> {
     emptyTitle?: string;
     emptyDescription?: string;
     onRowClick?: (row: TData) => void;
-    rowClassName?: (row: TData) => string;
+    rowClassName?: (row: TData, index: number) => string;
+    /** Enable alternating row background colors */
+    zebra?: boolean;
     meta?: Record<string, unknown>;
     /** Custom header color (CSS color value). Overrides --table-header variable */
     headerColor?: string;
+    /** Custom header text color (CSS color value). Used with headerColor for gradient backgrounds */
+    headerTextColor?: string;
 }
 
 /** Customization props */
@@ -920,7 +924,9 @@ export declare interface DataTableCustomizationProps<TData> {
     emptyTitle?: string;
     emptyDescription?: string;
     onRowClick?: (row: TData) => void;
-    rowClassName?: (row: TData) => string;
+    rowClassName?: (row: TData, index: number) => string;
+    /** Enable alternating row background colors */
+    zebra?: boolean;
 }
 
 /** Data props for the table */
@@ -2709,7 +2715,7 @@ export declare interface SidebarNavItem {
     children?: SidebarNavItem[];
 }
 
-export declare function SimpleDataTable<TData>({ columns, data, getRowId, isLoading, error, meta, enableSearch, searchPlaceholder: searchPlaceholderProp, searchColumn, emptyIcon, emptyTitle: emptyTitleProp, emptyDescription, onRowClick, rowClassName, className, loadingRows, headerColor, }: SimpleDataTableProps<TData>): JSX.Element;
+export declare function SimpleDataTable<TData>({ columns, data, getRowId, isLoading, error, meta, enableSearch, searchPlaceholder: searchPlaceholderProp, searchColumn, emptyIcon, emptyTitle: emptyTitleProp, emptyDescription, onRowClick, rowClassName, zebra, className, loadingRows, headerColor, headerTextColor, }: SimpleDataTableProps<TData>): JSX.Element;
 
 declare interface SimpleDataTableProps<TData> {
     /** Column definitions */
@@ -2739,13 +2745,17 @@ declare interface SimpleDataTableProps<TData> {
     /** Row click handler */
     onRowClick?: (row: TData) => void;
     /** Custom row class */
-    rowClassName?: (row: TData) => string;
+    rowClassName?: (row: TData, index: number) => string;
+    /** Enable alternating row background colors */
+    zebra?: boolean;
     /** Container class */
     className?: string;
     /** Number of skeleton rows for loading state */
     loadingRows?: number;
     /** Custom header color (CSS color value). Overrides --table-header variable */
     headerColor?: string;
+    /** Custom header text color (CSS color value). Used with headerColor for gradient backgrounds */
+    headerTextColor?: string;
 }
 
 export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;