lumarc-grid
Version:
lumArc Grid는 고성능, 유연하고 프레임워크에 구애받지 않는 데이터 그리드 라이브러리
89 lines • 3.64 kB
TypeScript
import { VariantProps } from 'class-variance-authority';
import * as React from "react";
/**
* Table component variants
*/
declare const tableVariants: (props?: ({
variant?: "default" | "ghost" | "bordered" | null | undefined;
size?: "default" | "sm" | "lg" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
/**
* Main Table component with support for virtual scrolling and responsive design
*/
export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement>, VariantProps<typeof tableVariants> {
/** Enable virtual scrolling support */
virtualScrolling?: boolean;
/** Fixed height for virtual scrolling */
height?: string | number;
}
declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
/**
* Table header component
*/
export interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
/** Make header sticky for virtual scrolling */
sticky?: boolean;
}
declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
/**
* Table body component
*/
declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
/**
* Table footer component
*/
declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
/**
* Table row variants
*/
declare const tableRowVariants: (props?: ({
variant?: "default" | "ghost" | null | undefined;
state?: "default" | "selected" | "hover" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
/**
* Table row component with selection support
*/
export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement>, VariantProps<typeof tableRowVariants> {
/** Row selection state */
selected?: boolean;
/** Disable hover effects */
disableHover?: boolean;
}
declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
/**
* Table head variants
*/
declare const tableHeadVariants: (props?: ({
sortable?: boolean | null | undefined;
resizable?: boolean | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
/**
* Table head component with sorting and resizing support
*/
export interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement>, VariantProps<typeof tableHeadVariants> {
/** Enable column sorting */
sortable?: boolean;
/** Enable column resizing */
resizable?: boolean;
/** Sort direction for visual indication */
sortDirection?: "asc" | "desc" | null;
/** Minimum column width for resizing */
minWidth?: number;
/** Maximum column width for resizing */
maxWidth?: number;
}
declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
/**
* Sort icon component
*/
interface SortIconProps {
direction: "asc" | "desc";
className?: string;
}
declare const SortIcon: React.FC<SortIconProps>;
/**
* Table cell component
*/
declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, SortIcon, tableVariants, tableRowVariants, tableHeadVariants, };
//# sourceMappingURL=table.d.ts.map