@nar-bus/lena-ui-shared 1.2.0 → 1.2.1

package/dist/index.d.ts

@@ -9,8 +9,10 @@ import { Column } from '@tanstack/react-table';
 import { ColumnDef } from '@tanstack/react-table';
 import { Command as Command_2 } from 'cmdk';
 import { Component } from 'react';
+import { ComponentType } from 'react';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import { Control } from 'react-hook-form';
+import { CSSProperties } from 'react';
 import { DayPicker } from 'react-day-picker';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -122,7 +124,7 @@ export declare interface ApiResponse<T> {
     meta: MetaInfo;
 }
 
-export declare function AppHeader({ breadcrumbs, theme, onThemeChange, locale, onLocaleChange, user, isAuthenticated, onLogout, onLogin, homeHref, className, }: AppHeaderProps): JSX.Element;
+export declare function AppHeader({ breadcrumbs, theme, onThemeChange, locale, onLocaleChange, user, isAuthenticated, onLogout, onLogin, homeHref, centerSlot, className, }: AppHeaderProps): JSX.Element;
 
 export declare interface AppHeaderProps {
     breadcrumbs: BreadcrumbItem[];
@@ -135,6 +137,7 @@ export declare interface AppHeaderProps {
     onLogout: () => void;
     onLogin?: () => void;
     homeHref?: string;
+    centerSlot?: ReactNode;
     className?: string;
 }
 
@@ -154,6 +157,7 @@ export declare interface AppSidebarProps {
         title: string;
         subtitle?: string;
         letter?: string;
+        imageSrc?: string;
     };
     version?: string;
 }
@@ -202,7 +206,7 @@ export declare function BadgeCell({ value, variant, className, }: BadgeCellProps
 
 declare interface BadgeCellProps {
     value: string | number | null | undefined;
-    variant?: 'default' | 'accent';
+    variant?: 'default' | 'accent' | 'destructive';
     className?: string;
 }
 
@@ -707,7 +711,7 @@ export declare interface CRUDTabContentProps<T extends {
     onExternalCreateSheetOpenChange?: (open: boolean) => void;
 }
 
-export declare function DataRow({ label, value, mono, suffix, className }: DataRowProps): JSX.Element;
+export declare function DataRow({ label, value, mono, suffix, className, size }: DataRowProps): JSX.Element;
 
 export declare interface DataRowProps {
     label: string;
@@ -715,6 +719,7 @@ export declare interface DataRowProps {
     mono?: boolean;
     suffix?: string;
     className?: string;
+    size?: 'sm' | 'md';
 }
 
 export declare function DataTable<TData>({ columns, getRowId, data, isLoading, error, pagination, onPageChange, onPageSizeChange, onPrefetchPage, pageSizeOptions, sortBy, sortDirection, onSortChange, searchValue, onSearchChange, searchPlaceholder, searchDebounceMs, fieldConfig, filters, onFiltersChange, enableRowSelection, rowSelection, onRowSelectionChange, bulkActions, rowActions, toolbarStart, toolbarEnd, className, emptyIcon, emptyTitle, emptyDescription, onRowClick, onRowHover, rowClassName, meta, headerColor, }: DataTableComponentProps<TData>): JSX.Element;
@@ -1398,9 +1403,11 @@ declare interface FormSectionProps {
     icon?: ReactNode;
 }
 
-export declare function FormSheet({ open, onOpenChange, title, description, children, onSubmit, onCancel, isSubmitting, submitLabel, cancelLabel, side, className, icon, }: FormSheetProps): JSX.Element;
+export declare function FormSheet({ open, onOpenChange, title, description, children, onSubmit, onCancel, isSubmitting, submitLabel, cancelLabel, side, className, icon, variant, headerGradient, headerIcon: HeaderIcon, }: FormSheetProps): JSX.Element;
+
+export declare type FormSheetGradient = 'navy' | 'cherry' | 'emerald' | 'amber';
 
-declare interface FormSheetProps {
+export declare interface FormSheetProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     title: string;
@@ -1414,6 +1421,15 @@ declare interface FormSheetProps {
     side?: 'top' | 'bottom' | 'left' | 'right';
     className?: string;
     icon?: ReactNode;
+    /** Use 'gradient' for entity-colored header with gradient background */
+    variant?: 'default' | 'gradient';
+    /** Gradient color for variant="gradient" */
+    headerGradient?: FormSheetGradient;
+    /** Icon component for variant="gradient" header */
+    headerIcon?: ComponentType<{
+        className?: string;
+        style?: CSSProperties;
+    }>;
 }
 
 /**
@@ -1449,6 +1465,21 @@ export declare function getStatusColor<T extends string>(value: T | null | undef
  */
 export declare function getTabDirection(tabIds: string[], fromTab: string | null, toTab: string): -1 | 0 | 1;
 
+export declare function HeaderQuickSearch({ placeholder, value, onValueChange, open, onOpenChange, loading, shortcutKey, shouldFilter, className, children, }: HeaderQuickSearchProps): JSX.Element;
+
+export declare interface HeaderQuickSearchProps {
+    placeholder?: string;
+    value: string;
+    onValueChange: (value: string) => void;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    loading?: boolean;
+    shortcutKey?: string;
+    shouldFilter?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+
 export declare function HistoryList({ items, className }: HistoryListProps): JSX.Element;
 
 declare interface HistoryListItem {
@@ -1797,13 +1828,14 @@ export declare interface OverviewPanelProps {
     className?: string;
 }
 
-export declare function OverviewPanelTopBar({ icon: Icon, segments, actions, className }: OverviewPanelTopBarProps): JSX.Element;
+export declare function OverviewPanelTopBar({ icon: Icon, segments, actions, className, variant }: OverviewPanelTopBarProps): JSX.Element;
 
 export declare interface OverviewPanelTopBarProps {
     icon: LucideIcon;
     segments: string[];
     actions?: ReactNode;
     className?: string;
+    variant?: 'default' | 'navy' | 'cherry' | 'emerald' | 'amber';
 }
 
 export declare interface PagedResponse<T> {
@@ -2227,9 +2259,10 @@ export declare function Sheet({ ...props }: React_2.ComponentProps<typeof Dialog
 
 export declare function SheetClose({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>): JSX.Element;
 
-export declare function SheetContent({ className, children, side, showCloseButton, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content> & {
+export declare function SheetContent({ className, children, side, showCloseButton, showOverlay, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content> & {
     side?: "top" | "right" | "bottom" | "left";
     showCloseButton?: boolean;
+    showOverlay?: boolean;
 }): JSX.Element;
 
 export declare function SheetDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
@@ -2842,6 +2875,15 @@ declare interface UseDataTableUrlOptions {
  */
 export declare function useDebounce<T>(value: T, delay?: number): T;
 
+export declare function useDoubleClickHandler<T>({ getRowId, onSingleClick, onDoubleClick, delay, }: UseDoubleClickHandlerOptions<T>): (row: T) => void;
+
+export declare interface UseDoubleClickHandlerOptions<T> {
+    getRowId: (row: T) => string | number;
+    onSingleClick: (row: T) => void;
+    onDoubleClick: (row: T) => void;
+    delay?: number;
+}
+
 export declare function useJsonTree({ value, onChange }: UseJsonTreeOptions): UseJsonTreeReturn;
 
 declare interface UseJsonTreeOptions {