laif-ds 0.2.60 → 0.2.62

package/dist/index.d.ts

@@ -14,6 +14,7 @@ import { ControllerProps } from 'react-hook-form';
 import { DayPicker } from 'react-day-picker';
 import { default as default_2 } from 'react';
 import { default as default_3 } from 'embla-carousel-react';
+import { DialogContentProps } from '@radix-ui/react-dialog';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Drawer as Drawer_2 } from 'vaul';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -131,6 +132,46 @@ declare const alertVariants: (props?: ({
 
 declare type Animation_2 = VariantProps<typeof chatBubbleVariants>["animation"];
 
+export declare function AppDialog({ children, trigger, title, description, footer, size, open, defaultOpen, onOpenChange, triggerClassName, headerClassName, bodyClassName, footerClassName, disabled, asChild, preventClose, ...contentProps }: Readonly<AppDialogProps>): JSX.Element;
+
+export declare interface AppDialogProps extends Omit<DialogContentProps, "title"> {
+    /** Element that triggers the dialog on click */
+    trigger?: React_2.ReactNode;
+    /** Dialog title displayed in the header */
+    title: string | React_2.ReactNode;
+    /** Dialog description displayed below the title */
+    description?: string | React_2.ReactNode;
+    /** Footer content (typically action buttons) */
+    footer?: React_2.ReactNode;
+    /** Size variant of the dialog */
+    size?: "sm" | "default" | "lg" | "xl" | "full";
+    /** Whether the dialog can be closed by clicking the overlay */
+    closeOnOverlay?: boolean;
+    /** Controlled open state */
+    open?: boolean;
+    /** Default open state for uncontrolled usage */
+    defaultOpen?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Additional className for the dialog */
+    className?: string;
+    /** Additional className for the trigger wrapper */
+    triggerClassName?: string;
+    /** Additional className for the dialog content */
+    contentClassName?: string;
+    /** Additional className for the dialog's header */
+    headerClassName?: string;
+    /** Additional className for the dialog's body */
+    bodyClassName?: string;
+    /** Additional className for the dialog's footer */
+    footerClassName?: string;
+    /** Whether to disable the trigger */
+    disabled?: boolean;
+    /** Whether to use asChild pattern for trigger (for custom elements) */
+    asChild?: boolean;
+    preventClose?: "overlay" | "all";
+}
+
 export declare function AppEditor({ defaultValue, onMarkdownEdit, plugins, toolbars, placeholder, onlyMarkdown, className, }: AppEditorProps): JSX.Element;
 
 declare type AppEditorPlugin = "clear" | "counter";
@@ -442,22 +483,15 @@ export declare const badgeVariants: (props?: ({
 
 declare type BarItemDataType = RepeatDataType | NoRepeatDataType;
 
-/**
- * Base configuration for all column types
- * - accessorKey: optional, type-safe key from TData (supports nested paths like "user.name")
- * - id: optional, auto-generated if not provided (allows multiple columns with same accessor)
- * - cell: can receive either value (if accessorKey provided) or just row (if no accessorKey)
- */
-declare interface BaseColumnConfig<TData> {
+export declare type BaseColumnConfig<TData> = {
     id?: string;
     accessorKey?: DeepKeys<TData>;
-    header: string;
     sortable?: boolean;
     filterable?: boolean;
     searchable?: boolean;
     pinned?: "left" | "right";
     cell?: (value: any, row: TData, tableRow: Row<TData>) => React.ReactNode;
-}
+} & HeaderConfig;
 
 declare type BaseProps = {
     options: AppSelectOption[];
@@ -886,10 +920,9 @@ declare type CopyButtonProps = {
  */
 export declare function createActionColumn<TData>(config: {
     id: string;
-    header: string;
     pinned?: "left" | "right";
     cell: (row: TData) => React.ReactNode;
-}): ColumnDef<TData>;
+} & HeaderConfig): ColumnDef<TData>;
 
 /**
  * Creates a boolean column with sensible defaults
@@ -925,14 +958,13 @@ export declare function createBooleanFilter(columnId: string, columnAccessorKey:
  */
 export declare function createComputedColumn<TData>(config: {
     id?: string;
-    header: string;
     type: "string" | "number" | "boolean" | "date" | "datetime";
     cell: (row: TData) => React.ReactNode;
     pinned?: "left" | "right";
     sortable?: boolean;
     filterable?: boolean;
     searchable?: boolean;
-}): ColumnDef<TData>;
+} & HeaderConfig): ColumnDef<TData>;
 
 /**
  * Creates a date column with sensible defaults
@@ -992,11 +1024,10 @@ export declare function createDateTimeFilter(columnId: string, columnAccessorKey
  */
 export declare function createDisplayColumn<TData>(config: {
     id?: string;
-    header: string;
     cell: (row: TData) => React.ReactNode;
     pinned?: "left" | "right";
     searchable?: boolean;
-}): ColumnDef<TData>;
+} & HeaderConfig): ColumnDef<TData>;
 
 /**
  * Creates a filter badge with auto-generated ID
@@ -1260,7 +1291,7 @@ export declare enum DataRepeatTypes {
     MONTH = "MONTH"
 }
 
-export declare function DataTable<TData, TValue>({ columns, data, loading, emptyComponent, className, rowSelection, onRowSelectionChange, checkable, onCheckedRowsChange, actions, customComponentsLeft, customComponentsRight, hidePagination, hideActionsRow, i18n, maxSortedColumns, initialState, serverMode: isServerSide, serverConfig: resolvedServerConfig, disableAutoPageSize, }: DataTableProps<TData, TValue>): JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, loading, emptyComponent, className, rowSelection, onRowSelectionChange, checkable, onCheckedRowsChange, actions, customComponentsLeft, customComponentsRight, hidePagination, hideActionsRow, i18n, maxSortedColumns, initialState, serverMode, serverConfig, disableAutoPageSize, }: DataTableProps<TData, TValue>): JSX.Element;
 
 export declare interface DataTableActions {
     label: string;
@@ -1502,9 +1533,12 @@ declare type DeepKeys<T> = T extends object ? {
 
 export declare function Dialog({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
 
-export declare function DialogContent({ className, children, size, closeOnOverlay, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content> & {
+export declare function DialogClose({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>): JSX.Element;
+
+export declare function DialogContent({ className, children, size, closeOnOverlay, showCloseButton, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content> & {
     size?: "sm" | "default" | "lg" | "xl";
     closeOnOverlay?: boolean;
+    showCloseButton?: boolean;
 }): JSX.Element;
 
 export declare function DialogDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
@@ -1699,6 +1733,20 @@ declare type GanttProps = {
  */
 export declare function getColumnIds<TData>(columns: ColumnDef<TData>[]): string[];
 
+/**
+ * Base configuration for all column types
+ * - accessorKey: optional, type-safe key from TData (supports nested paths like "user.name")
+ * - id: optional, auto-generated if not provided (allows multiple columns with same accessor)
+ * - cell: can receive either value (if accessorKey provided) or just row (if no accessorKey)
+ */
+export declare type HeaderConfig = {
+    header: string;
+    headerLabel?: string;
+} | {
+    header: React.ReactNode;
+    headerLabel: string;
+};
+
 export declare const hexContrast: (hex: string) => string;
 
 export declare const hexToRgba: (hex: string, alpha: number) => string;
@@ -1866,9 +1914,9 @@ declare type KanbanBoardCardMetaItem = {
 
 export declare function Label({ className, ...props }: React_2.ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
 
-declare interface ListColumnConfig<TData> extends BaseColumnConfig<TData> {
+export declare type ListColumnConfig<TData> = BaseColumnConfig<TData> & {
     options: string[] | AppSelectOption[];
-}
+};
 
 declare type LogicalOperator = "AND" | "OR";
 
@@ -2774,6 +2822,7 @@ export { }
 declare module "@tanstack/react-table" {
     interface ColumnMeta<TData extends unknown, TValue> {
         type: IColumnType;
+        headerLabel?: string;
         sortable?: boolean;
         filterable?: boolean;
         searchable?: boolean;