@tetrascience-npm/tetrascience-react-ui 0.5.0-beta.28.1 → 0.5.0-beta.30.1

package/dist/index.d.ts

@@ -5,6 +5,8 @@ import { Avatar as Avatar_2 } from 'radix-ui';
 import { Checkbox as Checkbox_2 } from 'radix-ui';
 import { ClassProp } from 'class-variance-authority/types';
 import { Collapsible as Collapsible_2 } from 'radix-ui';
+import { ColumnDef } from '@tanstack/react-table';
+import { ColumnOrderState } from '@tanstack/react-table';
 import { Combobox as Combobox_2 } from '@base-ui/react';
 import { Command as Command_2 } from 'cmdk';
 import { ContextMenu as ContextMenu_2 } from 'radix-ui';
@@ -24,6 +26,7 @@ import { Menubar as Menubar_2 } from 'radix-ui';
 import { NavigationMenu as NavigationMenu_2 } from 'radix-ui';
 import { OnChange } from '@monaco-editor/react';
 import { OTPInput } from 'input-otp';
+import { PaginationState } from '@tanstack/react-table';
 import { RadioGroup as RadioGroup_2 } from 'radix-ui';
 import * as React_2 from 'react';
 import * as ResizablePrimitive from 'react-resizable-panels';
@@ -33,6 +36,7 @@ import { Select as Select_2 } from 'radix-ui';
 import { Separator as Separator_2 } from 'radix-ui';
 import { Slider as Slider_2 } from 'radix-ui';
 import { Switch as Switch_2 } from 'radix-ui';
+import { Table as Table_2 } from '@tanstack/react-table';
 import { Tabs as Tabs_2 } from 'radix-ui';
 import { ToasterProps } from 'sonner';
 import { Toggle as Toggle_2 } from 'radix-ui';
@@ -40,6 +44,7 @@ import { ToggleGroup as ToggleGroup_2 } from 'radix-ui';
 import { Tooltip as Tooltip_2 } from 'radix-ui';
 import { UseEmblaCarouselType } from 'embla-carousel-react';
 import { VariantProps } from 'class-variance-authority';
+import { VisibilityState } from '@tanstack/react-table';
 
 export declare function Accordion({ className, ...props }: React_2.ComponentProps<typeof Accordion_2.Root>): JSX.Element;
 
@@ -84,7 +89,7 @@ export declare function AlertDialogTrigger({ ...props }: React_2.ComponentProps<
 export declare function AlertTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
 declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "info" | "positive" | "warning" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const AppHeader: default_2.FC<AppHeaderProps>;
@@ -642,8 +647,52 @@ export declare function ContextMenuSubTrigger({ className, inset, children, ...p
 
 export declare function ContextMenuTrigger({ className, ...props }: React_2.ComponentProps<typeof ContextMenu_2.Trigger>): JSX.Element;
 
+export declare function DataTable<TData, TValue>({ columns, data, toolbar, enableSorting, enableColumnVisibility, children, columnOrder: controlledColumnOrder, onColumnOrderChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, columnLabels: controlledColumnLabels, onColumnLabelChange, enablePagination, defaultPageSize, pagination: controlledPagination, onPaginationChange, enableColumnReorder, density, className, variant, containerClassName, }: DataTableProps<TData, TValue>): JSX.Element;
+
+export declare function DataTableColumnToggle({ className }: DataTableColumnToggleProps): JSX.Element | null;
+
+export declare interface DataTableColumnToggleProps {
+    className?: string;
+}
+
+export declare function DataTablePagination({ pageSizeOptions, className, }: DataTablePaginationProps): JSX.Element | null;
+
+export declare interface DataTablePaginationProps {
+    pageSizeOptions?: number[];
+    className?: string;
+}
+
+export declare interface DataTableProps<TData, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+    /** @deprecated Use `<TableToolbar>` as a child instead */
+    toolbar?: React_2.ReactNode;
+    enableSorting?: boolean;
+    enableColumnVisibility?: boolean;
+    columnOrder?: ColumnOrderState;
+    onColumnOrderChange?: (order: ColumnOrderState) => void;
+    columnVisibility?: VisibilityState;
+    onColumnVisibilityChange?: (vis: VisibilityState) => void;
+    columnLabels?: Record<string, string>;
+    onColumnLabelChange?: (columnId: string, label: string) => void;
+    enablePagination?: boolean;
+    defaultPageSize?: number;
+    pagination?: PaginationState;
+    onPaginationChange?: (pagination: PaginationState) => void;
+    enableColumnReorder?: boolean;
+    density?: "compact" | "default" | "relaxed";
+    children?: React_2.ReactNode;
+    className?: string;
+    /** Variant passed to the base Table component */
+    variant?: React_2.ComponentProps<typeof Table>["variant"];
+    /** className passed to the base Table's container div */
+    containerClassName?: React_2.ComponentProps<typeof Table>["containerClassName"];
+}
+
 export declare function Dialog({ ...props }: React_2.ComponentProps<typeof Dialog_2.Root>): JSX.Element;
 
+export declare function DialogBody({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
 export declare function DialogClose({ ...props }: React_2.ComponentProps<typeof Dialog_2.Close>): JSX.Element;
 
 export declare function DialogContent({ className, children, showCloseButton, ...props }: React_2.ComponentProps<typeof Dialog_2.Content> & {
@@ -1658,22 +1707,39 @@ export declare function Switch({ className, size, ...props }: React_2.ComponentP
     size?: "sm" | "default";
 }): JSX.Element;
 
-export declare function Table({ className, ...props }: React_2.ComponentProps<"table">): JSX.Element;
+export declare function Table({ className, containerClassName, variant, ...props }: React_2.ComponentProps<"table"> & {
+    containerClassName?: string;
+    variant?: "default" | "card";
+}): JSX.Element;
 
 export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
 
 export declare function TableCaption({ className, ...props }: React_2.ComponentProps<"caption">): JSX.Element;
 
-export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): JSX.Element;
+export declare function TableCell({ className, variant, ...props }: React_2.ComponentProps<"td"> & {
+    variant?: "default" | "numeric" | "action";
+}): JSX.Element;
+
+declare interface TableContextValue<TData> {
+    table: Table_2<TData>;
+    columnLabels: Record<string, string>;
+    setColumnLabel: (columnId: string, label: string) => void;
+}
 
 export declare function TableFooter({ className, ...props }: React_2.ComponentProps<"tfoot">): JSX.Element;
 
-export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th">): JSX.Element;
+export declare function TableHead({ className, variant, ...props }: React_2.ComponentProps<"th"> & {
+    variant?: "default" | "numeric" | "action";
+}): JSX.Element;
 
-export declare function TableHeader({ className, ...props }: React_2.ComponentProps<"thead">): JSX.Element;
+export declare function TableHeader({ className, variant, ...props }: React_2.ComponentProps<"thead"> & {
+    variant?: "default" | "sticky";
+}): JSX.Element;
 
 export declare function TableRow({ className, ...props }: React_2.ComponentProps<"tr">): JSX.Element;
 
+export declare function TableToolbar({ className, children, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
 export declare function Tabs({ className, orientation, ...props }: React_2.ComponentProps<typeof Tabs_2.Root>): JSX.Element;
 
 export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof Tabs_2.Content>): JSX.Element;
@@ -1910,6 +1976,8 @@ declare type UseCarouselParameters = Parameters<typeof default_3>;
 
 export declare function useComboboxAnchor(): React_2.RefObject<HTMLDivElement | null>;
 
+export declare function useDataTable<TData = unknown>(): TableContextValue<TData>;
+
 declare interface UserProfileInfo {
     name: string;
     avatar?: string;