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

package/dist/index.d.ts

@@ -26,6 +26,7 @@ import { default as L_2 } from 'leaflet';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { Layer } from 'leaflet';
 import { LeafletMouseEvent } from 'leaflet';
+import { Locale } from 'date-fns';
 import { LucideIcon } from 'lucide-react';
 import { MultiPolygon } from 'geojson';
 import { NamedExoticComponent } from 'react';
@@ -135,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;
@@ -155,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;
@@ -1082,9 +1085,6 @@ declare type DateInput = number | string | Date | null | undefined;
 
 declare type DateInput_2 = number | string | Date | null | undefined;
 
-/**
- * Shared date formatting utilities for detail pages and table cells
- */
 declare type DateInput_3 = number | string | Date | null | undefined;
 
 export declare function DateRangeField<TFieldValues extends FieldValues>({ name, control, label, description, required, placeholder, minDate, maxDate, dateFormat, disabled, className, cols, clearable, errorHint, }: DateRangeFieldProps<TFieldValues>): JSX.Element;
@@ -1383,7 +1383,7 @@ declare interface FileFieldProps<TFieldValues extends FieldValues> {
 
 export declare const FILTER_CONTAINER_CLASSES = "flex flex-wrap items-center gap-2";
 
-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 function FilterableListLayout({ fieldConfig, filters, onFiltersChange, filterPanelOpen, onFilterPanelToggle, searchValue, onSearchChange, searchPlaceholder, onRefresh, isRefreshing, activeFilterCount, toolbarStart, addButton, filterLabel, refreshLabel, children, className, gradient, }: FilterableListLayoutProps): JSX.Element;
 
 export declare interface FilterableListLayoutProps {
     /** FieldConfig array for FilterSidePanel + ActiveFiltersBar */
@@ -1419,6 +1419,8 @@ export declare interface FilterableListLayoutProps {
     children: ReactNode;
     /** Additional className for the outer container */
     className?: string;
+    /** Gradient theme for the filter panel header — matches LenaPanel gradient presets */
+    gradient?: HeaderGradient;
 }
 
 export declare function FilterFieldRow({ fieldConfig, filter, onFilterChange }: FilterFieldRowProps): JSX.Element;
@@ -1441,12 +1443,16 @@ export declare interface FilterPanelLabels {
     empty: string;
     notEmpty: string;
     select: string;
+    datePlaceholder: string;
+    multiSelectPlaceholder: string;
+    minPlaceholder: string;
+    maxPlaceholder: string;
     yes: string;
     no: string;
     operators: Record<string, string>;
 }
 
-export declare function FilterSidePanel({ open, onClose, fieldConfig, filters, onFiltersChange, }: FilterSidePanelProps): JSX.Element;
+export declare function FilterSidePanel({ open, onClose, fieldConfig, filters, onFiltersChange, gradient, }: FilterSidePanelProps): JSX.Element;
 
 export declare interface FilterSidePanelProps {
     open: boolean;
@@ -1454,6 +1460,8 @@ export declare interface FilterSidePanelProps {
     fieldConfig: FieldConfig[];
     filters: FilterState[];
     onFiltersChange: (filters: FilterState[]) => void;
+    /** Gradient theme for the panel header — matches LenaPanel gradient presets */
+    gradient?: HeaderGradient;
 }
 
 export declare interface FilterState {
@@ -1476,17 +1484,17 @@ declare function Footer({ children, className }: LenaPanelFooterProps): JSX.Elem
 /**
  * Format backend timestamp to short datetime (e.g., "27 Oca 00:44")
  */
-export declare function formatBackendTimestamp(timestamp: number | string | null | undefined): string;
+export declare function formatBackendTimestamp(timestamp: number | string | null | undefined, locale?: Locale): string;
 
 /**
  * Format a timestamp to a short date string (e.g., "Jan 1, 2024")
  */
-export declare function formatDate(timestamp: DateInput_3): string;
+export declare function formatDate(timestamp: DateInput_3, locale?: Locale): string;
 
 /**
  * Format a timestamp to date with time (e.g., "Jan 1, 2024 14:30")
  */
-export declare function formatDateTime(timestamp: DateInput_3): string;
+export declare function formatDateTime(timestamp: DateInput_3, locale?: Locale): string;
 
 /**
  * Format a timestamp to compact date with time (e.g., "27.03.26 15:30")
@@ -1501,7 +1509,7 @@ export declare function formatDateTimeCompactFull(timestamp: DateInput_3): strin
 /**
  * Format a timestamp to full date with seconds (e.g., "Jan 1, 2024 14:30:45")
  */
-export declare function formatDateTimeFull(timestamp: DateInput_3): string;
+export declare function formatDateTimeFull(timestamp: DateInput_3, locale?: Locale): string;
 
 /**
  * Format a timestamp to ISO string (e.g., "2024-01-01T14:30:00Z")
@@ -1511,7 +1519,7 @@ export declare function formatISODate(timestamp: DateInput_3): string;
 /**
  * Format a timestamp to relative time (e.g., "2 hours ago")
  */
-export declare function formatRelativeTime(timestamp: DateInput_3, locale?: 'en' | 'tr'): string;
+export declare function formatRelativeTime(timestamp: DateInput_3, locale?: Locale): string;
 
 /**
  * Format a timestamp to a short time string (e.g., "14:30")
@@ -1638,6 +1646,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;
@@ -2957,7 +2980,7 @@ export declare const TABLE_CELL_CLASSES = "px-2.5 py-1.5 text-xs";
 
 export declare const TABLE_CONTAINER_CLASSES = "isolate rounded-lg border border-border/80 bg-card overflow-clip shadow-sm";
 
-export declare const TABLE_HEADER_CLASSES = "px-2 py-0.5 text-xs font-semibold uppercase tracking-wider transition-colors";
+export declare const TABLE_HEADER_CLASSES = "px-2 py-0.5 text-xs font-semibold tracking-wider transition-colors";
 
 export declare const TABLE_HEADER_ROW_CLASSES = "hover:bg-transparent border-b border-border/80";