@rafal.lemieszewski/tide-ui 0.17.0 → 0.18.1

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

@@ -1,6 +1,13 @@
-import { ColumnDef, FilterFn } from '@tanstack/react-table';
+import { ColumnDef, ExpandedState, GroupingState, FilterFn, ColumnResizeMode } from '@tanstack/react-table';
 import * as React from "react";
 export type FilterVariant = "text" | "select" | "multiselect" | "number" | "date" | "boolean";
+export interface NestedHeaderConfig {
+    id: string;
+    header: string | React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    columns: ColumnDef<any, any>[];
+}
 export interface ColumnMeta {
     label?: string;
     filterVariant?: FilterVariant;
@@ -14,13 +21,26 @@ export interface ColumnMeta {
 }
 declare const fuzzyFilter: FilterFn<any>;
 declare const multiSelectFilter: FilterFn<any>;
+interface DataTableSkeletonProps {
+    columns: number;
+    rows: number;
+    showRowBorder?: boolean;
+    showCellBorder?: boolean;
+}
+declare function DataTableSkeleton({ columns, rows, showRowBorder, showCellBorder }: DataTableSkeletonProps): import("react/jsx-runtime").JSX.Element;
 interface DataTableToolbarProps<_TData = any> {
     table: any;
     searchKey?: string;
     searchPlaceholder?: string;
     showViewOptions?: boolean;
+    enableGlobalSearch?: boolean;
+    globalSearchPlaceholder?: string;
+    globalFilter?: string;
+    onGlobalFilterChange?: (value: string) => void;
+    enableGlobalFaceting?: boolean;
+    enableGrouping?: boolean;
 }
-declare function DataTableToolbar<TData>({ table, searchKey, searchPlaceholder, showViewOptions }: DataTableToolbarProps<TData>): import("react/jsx-runtime").JSX.Element;
+declare function DataTableToolbar<TData>({ table, searchKey, searchPlaceholder, showViewOptions, enableGlobalSearch, globalSearchPlaceholder, globalFilter, onGlobalFilterChange, enableGlobalFaceting, enableGrouping }: DataTableToolbarProps<TData>): import("react/jsx-runtime").JSX.Element;
 interface DataTableFilterProps {
     column: any;
 }
@@ -34,6 +54,7 @@ interface DataTablePaginationProps<_TData = any> {
     table: any;
 }
 declare function DataTablePagination<TData>({ table }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
+export type BorderStyle = "vertical" | "horizontal" | "both" | "none";
 export interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
     data: TData[];
@@ -41,6 +62,46 @@ export interface DataTableProps<TData, TValue> {
     searchPlaceholder?: string;
     title?: string;
     className?: string;
+    stickyHeader?: boolean;
+    stickyFirstColumn?: boolean;
+    stickyLeftColumns?: number;
+    stickyRightColumns?: number;
+    enableResponsiveWrapper?: boolean;
+    showScrollIndicators?: boolean;
+    isLoading?: boolean;
+    loadingRowCount?: number;
+    borderStyle?: BorderStyle;
+    enableGlobalSearch?: boolean;
+    enableGlobalFaceting?: boolean;
+    enableColumnResizing?: boolean;
+    columnResizeMode?: ColumnResizeMode;
+    enableColumnResizePersistence?: boolean;
+    storageKey?: string;
+    globalSearchPlaceholder?: string;
+    enableExpanding?: boolean;
+    getSubRows?: (row: TData) => TData[] | undefined;
+    enableGrouping?: boolean;
+    groupedColumnMode?: 'reorder' | 'remove' | false;
+    enableManualGrouping?: boolean;
+    enableRowPinning?: boolean;
+    keepPinnedRows?: boolean;
+    enableVirtualization?: boolean;
+    virtualContainerHeight?: number;
+    virtualRowHeight?: number;
+    virtualOverscan?: number;
+    nestedHeaders?: NestedHeaderConfig[];
+    enableNestedHeaders?: boolean;
+    enableColumnOrdering?: boolean;
+    enableRowSelection?: boolean;
+    initialState?: {
+        grouping?: GroupingState;
+        expanded?: ExpandedState;
+        columnSizing?: Record<string, number>;
+        rowPinning?: {
+            top?: string[];
+            bottom?: string[];
+        };
+    };
 }
-export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, title, className, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
-export { DataTableColumnHeader, DataTableFilter, DataTableToolbar, DataTablePagination, fuzzyFilter, multiSelectFilter };
+export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, title, className, stickyHeader, stickyFirstColumn, stickyLeftColumns, stickyRightColumns, enableResponsiveWrapper, showScrollIndicators, isLoading, loadingRowCount, borderStyle, enableGlobalSearch, globalSearchPlaceholder, enableGlobalFaceting, enableColumnResizing, columnResizeMode, enableColumnResizePersistence, storageKey, enableExpanding, getSubRows, enableGrouping, groupedColumnMode, enableManualGrouping, enableRowPinning, keepPinnedRows, enableVirtualization, nestedHeaders, enableNestedHeaders, enableColumnOrdering, enableRowSelection, initialState, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export { DataTableColumnHeader, DataTableFilter, DataTableToolbar, DataTablePagination, DataTableSkeleton, fuzzyFilter, multiSelectFilter };

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

@@ -5,16 +5,20 @@ declare const tableVariants: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const tableRowVariants: (props?: ({
     variant?: "default" | "selected" | "zebra" | null | undefined;
+    showBorder?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const tableCellVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     align?: "left" | "right" | "center" | null | undefined;
     numeric?: boolean | null | undefined;
+    showBorder?: boolean | null | undefined;
+    showRowBorder?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const tableHeaderVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     align?: "left" | "right" | "center" | null | undefined;
     numeric?: boolean | null | undefined;
+    showBorder?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface TableProps extends React.HTMLAttributes<HTMLTableElement>, VariantProps<typeof tableVariants> {
 }
@@ -25,12 +29,16 @@ declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<
 interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement>, VariantProps<typeof tableRowVariants> {
     zebra?: boolean;
     zebraIndex?: number;
+    showBorder?: boolean;
 }
 declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
 interface TableHeadProps extends Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'align'>, VariantProps<typeof tableHeaderVariants> {
+    showBorder?: boolean;
 }
 declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
 interface TableCellProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'align'>, VariantProps<typeof tableCellVariants> {
+    showBorder?: boolean;
+    showRowBorder?: boolean;
 }
 declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
 declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;