@epilot/volt-ui 1.1.25 → 1.1.26

package/dist/components/data-table/data-table.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from "react";
 import type { MouseEvent } from "react";
 import { type SortingState, type RowSelectionState, type ColumnFiltersState, type VisibilityState, type ColumnDef, type Row, type ColumnSizingState, type ColumnPinningState } from "@tanstack/react-table";
+import { type TableDensity } from "../../components/table/table";
 import { type DataTablePaginationConfig, type DataTableVirtualizationConfig, type DataTableCellOverflow } from "./data-table-context";
 export type DataTableProps<TData> = {
     /** Column definitions */
@@ -83,10 +84,12 @@ export type DataTableProps<TData> = {
     showHeaderBorder?: boolean;
     /** Show bottom borders on data rows. Default: true */
     showRowBorders?: boolean;
+    /** Cell density: compact, normal, or comfortable. Default: normal */
+    density?: TableDensity;
     /** Additional class name */
     className?: string;
 };
-declare function DataTable<TData>({ columns, data, children, getRowId, enableRowSelection, enableSorting, manualSorting, enableFiltering, manualFiltering, enableGlobalFilter, pagination, virtualization, sorting: controlledSorting, onSortingChange, defaultSorting, rowSelection: controlledRowSelection, onRowSelectionChange, defaultRowSelection, columnFilters: controlledColumnFilters, onColumnFiltersChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, globalFilter: controlledGlobalFilter, onGlobalFilterChange, onRowClick, clickableRowClassName, selectedRowClassName, cellOverflow, disableColumnResizing, resizeHandleVisibility, columnResizeMode, columnSizing: controlledColumnSizing, onColumnSizingChange, defaultColumnSizing, columnPinning: controlledColumnPinning, onColumnPinningChange, defaultColumnPinning, autoPinSelection, showHeaderBorder, showRowBorders, className, }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
+declare function DataTable<TData>({ columns, data, children, getRowId, enableRowSelection, enableSorting, manualSorting, enableFiltering, manualFiltering, enableGlobalFilter, pagination, virtualization, sorting: controlledSorting, onSortingChange, defaultSorting, rowSelection: controlledRowSelection, onRowSelectionChange, defaultRowSelection, columnFilters: controlledColumnFilters, onColumnFiltersChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, globalFilter: controlledGlobalFilter, onGlobalFilterChange, onRowClick, clickableRowClassName, selectedRowClassName, cellOverflow, disableColumnResizing, resizeHandleVisibility, columnResizeMode, columnSizing: controlledColumnSizing, onColumnSizingChange, defaultColumnSizing, columnPinning: controlledColumnPinning, onColumnPinningChange, defaultColumnPinning, autoPinSelection, showHeaderBorder, showRowBorders, density, className, }: DataTableProps<TData>): import("react/jsx-runtime").JSX.Element;
 declare namespace DataTable {
     var displayName: string;
 }

package/dist/components/table/table.d.ts

@@ -1,5 +1,10 @@
 import * as React from "react";
-declare const Table: ({ className, ...props }: React.ComponentProps<"table">) => import("react/jsx-runtime").JSX.Element;
+type TableDensity = "compact" | "normal" | "comfortable";
+declare const TableDensityContext: React.Context<TableDensity>;
+type TableProps = React.ComponentProps<"table"> & {
+    density?: TableDensity;
+};
+declare const Table: ({ className, density, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;
 declare const TableHeader: ({ className, ...props }: React.ComponentProps<"thead">) => import("react/jsx-runtime").JSX.Element;
 declare const TableBody: ({ className, ...props }: React.ComponentProps<"tbody">) => import("react/jsx-runtime").JSX.Element;
 declare const TableFooter: ({ className, ...props }: React.ComponentProps<"tfoot">) => import("react/jsx-runtime").JSX.Element;
@@ -10,15 +15,18 @@ type TableRowProps = React.ComponentProps<"tr"> & {
 declare const TableRow: ({ className, noHover, ...props }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
 type TableHeadProps = React.ComponentProps<"th"> & {
     align?: "left" | "center" | "right";
+    density?: TableDensity;
 };
-declare const TableHead: ({ className, align, scope, ...props }: TableHeadProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableHead: ({ className, align, density, scope, ...props }: TableHeadProps) => import("react/jsx-runtime").JSX.Element;
 type TableCellProps = React.ComponentProps<"td"> & {
     align?: "left" | "center" | "right";
     numeric?: boolean;
+    density?: TableDensity;
 };
-declare const TableCell: ({ className, align, numeric, ...props }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
+declare const TableCell: ({ className, align, numeric, density, ...props }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
 type TableCaptionProps = React.ComponentProps<"caption"> & {
     position?: "top" | "bottom";
 };
 declare const TableCaption: ({ className, position, ...props }: TableCaptionProps) => import("react/jsx-runtime").JSX.Element;
-export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption, };
+export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption, TableDensityContext, };
+export type { TableDensity };