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

package/dist/index.d.ts

@@ -854,6 +854,16 @@ export declare interface DataTableProps<TData> extends DataTableDataProps<TData>
     columns: ColumnDef<TData, unknown>[];
 }
 
+export declare function DataTableSearch({ value, onChange, placeholder, debounceMs, className, }: DataTableSearchInputProps): JSX.Element;
+
+export declare interface DataTableSearchInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    debounceMs?: number;
+    className?: string;
+}
+
 /** Search props */
 export declare interface DataTableSearchProps {
     searchValue: string;
@@ -974,6 +984,18 @@ export declare function dateStringToTimestamp(dateStr: string, endOfDay?: boolea
  */
 export declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];
 
+/**
+ * Default pagination state — use as initial value when API hasn't responded yet
+ */
+export declare const DEFAULT_PAGINATION: {
+    readonly page: 0;
+    readonly size: 20;
+    readonly totalElements: 0;
+    readonly totalPages: 0;
+    readonly hasNext: false;
+    readonly hasPrevious: false;
+};
+
 /**
  * Default values
  */
@@ -1201,6 +1223,44 @@ declare interface FileFieldProps<TFieldValues extends FieldValues> {
     errorHint?: string;
 }
 
+export declare function FilterableListLayout({ fieldConfig, filters, onFiltersChange, filterPanelOpen, onFilterPanelToggle, searchValue, onSearchChange, searchPlaceholder, onRefresh, isRefreshing, activeFilterCount, toolbarStart, addButton, filterLabel, refreshLabel, children, className, }: FilterableListLayoutProps): JSX.Element;
+
+export declare interface FilterableListLayoutProps {
+    /** FieldConfig array for FilterSidePanel + ActiveFiltersBar */
+    fieldConfig: FieldConfig[];
+    /** Current filter state */
+    filters: FilterState[];
+    /** Filter change handler — passed to FilterSidePanel + ActiveFiltersBar */
+    onFiltersChange: (filters: FilterState[]) => void;
+    /** Whether the filter side panel is open */
+    filterPanelOpen: boolean;
+    /** Toggle filter panel */
+    onFilterPanelToggle: () => void;
+    /** Debounced search value */
+    searchValue: string;
+    /** Search change handler */
+    onSearchChange: (value: string) => void;
+    /** Search input placeholder */
+    searchPlaceholder?: string;
+    /** Refresh handler — typically queryClient.invalidateQueries */
+    onRefresh: () => void;
+    /** Shows spinning animation on refresh button */
+    isRefreshing?: boolean;
+    /** Number of active filters — shown as badge on filter button */
+    activeFilterCount?: number;
+    /** Slot: entity label (left side of toolbar) — e.g. ToolbarEntityLabel */
+    toolbarStart?: ReactNode;
+    /** Slot: add/create button (right side of toolbar) */
+    addButton?: ReactNode;
+    /** i18n labels */
+    filterLabel?: string;
+    refreshLabel?: string;
+    /** Main content — typically DataTable */
+    children: ReactNode;
+    /** Additional className for the outer container */
+    className?: string;
+}
+
 export declare function FilterFieldRow({ fieldConfig, filter, onFilterChange }: FilterFieldRowProps): JSX.Element;
 
 export declare interface FilterFieldRowProps {
@@ -1419,6 +1479,19 @@ declare interface IconTextCellProps {
     className?: string;
 }
 
+export declare function IconTooltipButton({ icon: Icon, tooltip, onClick, disabled, variant, size, className, spinning, }: IconTooltipButtonProps): JSX.Element;
+
+export declare interface IconTooltipButtonProps {
+    icon: LucideIcon;
+    tooltip: string;
+    onClick: () => void;
+    disabled?: boolean;
+    variant?: 'ghost' | 'outline';
+    size?: 'sm' | 'icon';
+    className?: string;
+    spinning?: boolean;
+}
+
 export declare function InfoCard({ icon, label, value, variant, iconColor, className, }: InfoCardProps): JSX.Element;
 
 export declare function InfoCardGrid({ children, columns, className, }: InfoCardGridProps): JSX.Element;
@@ -2592,6 +2665,16 @@ export declare const toggleVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare function ToolbarEntityLabel({ icon: Icon, entityName, totalElements, countLabel, className, }: ToolbarEntityLabelProps): JSX.Element;
+
+export declare interface ToolbarEntityLabelProps {
+    icon: LucideIcon;
+    entityName: string;
+    totalElements: number;
+    countLabel?: string;
+    className?: string;
+}
+
 export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
 
 export declare function TooltipContent({ className, sideOffset, children, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Content>): JSX.Element;
@@ -2625,6 +2708,17 @@ declare interface TreeNodeOperation {
 
 export declare const trLabels: LenaUILabels;
 
+export declare function UnderConstructionPage({ title, description, goBackLabel, homeLabel, onGoBack, onGoHome, }: UnderConstructionPageProps): JSX.Element;
+
+export declare interface UnderConstructionPageProps {
+    title?: string;
+    description?: string;
+    goBackLabel?: string;
+    homeLabel?: string;
+    onGoBack?: () => void;
+    onGoHome?: () => void;
+}
+
 /**
  * UnifiedTabs - Single tab component for both list and detail pages
  */
@@ -2691,7 +2785,7 @@ declare interface UseDataTableOptions<TData> extends CreateDataTableStoreOptions
     data?: TData[];
 }
 
-declare interface UseDataTableReturn<TData> {
+export declare interface UseDataTableReturn<TData> {
     /** Search request ready for API call (100% backend compatible) */
     searchRequest: SearchRequest;
     /** Pagination props to spread to DataTable */
@@ -2742,6 +2836,12 @@ declare interface UseDataTableUrlOptions {
     debounceMs?: number;
 }
 
+/**
+ * Debounces a value by the specified delay.
+ * Returns the debounced value that only updates after `delay` ms of inactivity.
+ */
+export declare function useDebounce<T>(value: T, delay?: number): T;
+
 export declare function useJsonTree({ value, onChange }: UseJsonTreeOptions): UseJsonTreeReturn;
 
 declare interface UseJsonTreeOptions {