@vesture/react 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -284,6 +284,14 @@ interface DataGridColumn<T> {
     minWidth?: number;
     sortable?: boolean;
     resizable?: boolean;
+    /** Freeze this column to an edge so it stays visible during horizontal scroll. */
+    pinned?: "left" | "right";
+    /** Allow this column's cells to be edited when the row is in edit mode. */
+    editable?: boolean;
+    /** Allow this column to be filtered via the filter row. */
+    filterable?: boolean;
+    /** Filter input type when filterable is true. Defaults to 'text'. */
+    filterType?: "text" | "select";
     accessor?: (row: T) => string | number;
     render?: (row: T) => ReactNode;
 }
@@ -292,6 +300,10 @@ interface SortState {
     key: string;
     direction: SortDirection;
 }
+interface FilterState {
+    key: string;
+    value: string;
+}
 
 interface DataGridProps<T> {
     columns: DataGridColumn<T>[];
@@ -305,8 +317,21 @@ interface DataGridProps<T> {
     onSelectionChange?: (ids: Set<string>) => void;
     sort?: SortState | null;
     onSortChange?: (sort: SortState | null) => void;
+    filters?: FilterState[];
+    onFilterChange?: (filters: FilterState[]) => void;
     emptyMessage?: ReactNode;
-}
-declare function DataGrid<T>({ columns, data, getRowId, rowHeight, height, overscan, selectable, selectedIds: controlledSelectedIds, onSelectionChange, sort: controlledSort, onSortChange, emptyMessage }: DataGridProps<T>): ReactElement;
+    /** Enables inline row editing; called when a row's edit is saved. */
+    onRowEdit?: (rowId: string, values: Record<string, string>) => void;
+    /** When true, `data` is treated as already sorted/filtered/paginated by the caller. */
+    serverSide?: boolean;
+    /** Shows a loading overlay over the grid without unmounting existing rows. */
+    loading?: boolean;
+    /** True total row count on the server, used for pagination controls. */
+    totalRowCount?: number;
+    page?: number;
+    pageSize?: number;
+    onPageChange?: (page: number) => void;
+}
+declare function DataGrid<T>({ columns, data, getRowId, rowHeight, height, overscan, selectable, selectedIds: controlledSelectedIds, onSelectionChange, sort: controlledSort, onSortChange, filters: controlledFilters, onFilterChange, emptyMessage, onRowEdit, serverSide, loading, totalRowCount, page, pageSize, onPageChange, }: DataGridProps<T>): ReactElement;
 
 export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, Badge, type BadgeProps, type BadgeVariant, Breadcrumbs, BreadcrumbsItem, type BreadcrumbsItemProps, type BreadcrumbsProps, Button, type ButtonProps, type ButtonVariant, Card, type CardElevation, type CardProps, Checkbox, type CheckboxProps, DataGrid, type DataGridColumn, type DataGridProps, Divider, type DividerOrientation, type DividerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, Input, type InputProps, Label, type LabelProps, Modal, type ModalProps, Pagination, type PaginationProps, Popover, type PopoverProps, Progress, type ProgressProps, Radio, type RadioProps, Select, type SelectProps, type SortDirection, type SortState, Spinner, type SpinnerProps, type SpinnerSize, Stack, type StackAlign, type StackDirection, type StackGap, type StackJustify, type StackProps, Switch, type SwitchProps, Tabs, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, type ToastContextValue, type ToastOptions, ToastProvider, type ToastVariant, Tooltip, type TooltipProps, useToast };