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

package/dist/index.d.ts

@@ -136,7 +136,7 @@ export declare interface ApiResponse<T> {
     meta: MetaInfo;
 }
 
-export declare function AppHeader({ breadcrumbs, theme, onThemeChange, locale, onLocaleChange, user, isAuthenticated, onLogout, onLogin, homeHref, centerSlot, className, logo, sidebarCollapsed, onToggleSidebarCollapse, }: AppHeaderProps): JSX.Element;
+export declare function AppHeader({ breadcrumbs, theme, onThemeChange, locale, onLocaleChange, user, isAuthenticated, onLogout, onLogin, homeHref, centerSlot, rightActionsSlot, className, logo, sidebarCollapsed, onToggleSidebarCollapse, }: AppHeaderProps): JSX.Element;
 
 export declare interface AppHeaderLogo {
     imageSrc?: string;
@@ -156,6 +156,8 @@ export declare interface AppHeaderProps {
     onLogin?: () => void;
     homeHref?: string;
     centerSlot?: ReactNode;
+    /** Optional slot rendered to the left of locale/theme/user controls */
+    rightActionsSlot?: ReactNode;
     className?: string;
     /** Optional logo displayed at the left side of the header */
     logo?: AppHeaderLogo;
@@ -829,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;
@@ -903,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 */
@@ -918,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 */
@@ -1644,6 +1652,21 @@ export declare type GradientPair = [topColor: string, bottomColor: string];
 
 declare function Header({ children, icon: Icon, iconClassName, subtitle, actions, gradient, className, }: LenaPanelHeaderProps): JSX.Element;
 
+export declare function HeaderCreateButton({ label, icon, children, contentClassName, className, }: HeaderCreateButtonProps): JSX.Element;
+
+export declare interface HeaderCreateButtonProps {
+    /** Button label text */
+    label: string;
+    /** Custom icon — defaults to Plus */
+    icon?: ReactNode;
+    /** DropdownMenu items rendered inside the dropdown content */
+    children: ReactNode;
+    /** Additional class for DropdownMenuContent */
+    contentClassName?: string;
+    /** Additional class for the trigger button */
+    className?: string;
+}
+
 export declare type HeaderGradient = 'teal' | 'navy' | 'cherry' | 'emerald' | 'amber' | 'violet' | 'rose' | 'indigo' | 'orange';
 
 export declare function HeaderQuickSearch({ placeholder, value, onValueChange, open, onOpenChange, loading, shortcutKey, shouldFilter, className, children, }: HeaderQuickSearchProps): JSX.Element;
@@ -2692,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 */
@@ -2722,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;