@apcrda/ui 0.5.7 → 0.5.9

package/dist/components/Table/DataTable.types.d.ts

@@ -1,23 +1,79 @@
 import type { ColumnDef, Row } from '@tanstack/react-table';
 import type { ReactNode } from 'react';
 export type { ColumnDef };
+export type DataTableDensity = 'compact' | 'normal' | 'spacious';
+export type DataTableFilterType = 'text' | 'select' | 'range' | 'date';
+export interface DataTableRowAction<TData> {
+    readonly label: string;
+    readonly icon?: ReactNode;
+    readonly onClick: (row: TData) => void;
+    readonly variant?: 'default' | 'destructive';
+    readonly disabled?: (row: TData) => boolean;
+}
+export interface DataTableBulkAction<TData> {
+    readonly label: string;
+    readonly icon?: ReactNode;
+    readonly onClick: (rows: TData[]) => void;
+    readonly variant?: 'default' | 'destructive';
+}
+export interface DataTableServerPagination {
+    readonly total: number;
+    readonly onPaginationChange: (pageIndex: number, pageSize: number) => void;
+}
+export interface DataTableInfiniteScroll {
+    readonly onLoadMore: () => void;
+    readonly hasMore: boolean;
+    readonly isLoadingMore?: boolean;
+}
 export interface DataTableProps<TData> {
     data: TData[];
     columns: ColumnDef<TData, any>[];
+    className?: string;
     loading?: boolean;
     loadingRows?: number;
     emptyMessage?: string;
     emptyDescription?: string;
+    pagination?: boolean;
     pageSize?: number;
     pageSizeOptions?: number[];
-    pagination?: boolean;
-    selectable?: boolean;
+    serverPagination?: DataTableServerPagination;
+    infiniteScroll?: DataTableInfiniteScroll;
+    multiSort?: boolean;
+    columnFilters?: boolean;
     columnVisibility?: boolean;
-    exportCsv?: boolean;
-    exportFilename?: string;
+    columnResize?: boolean;
+    columnPinning?: boolean;
+    columnReorder?: boolean;
+    selectable?: boolean;
+    onSelectionChange?: (rows: TData[]) => void;
     getRowCanExpand?: (row: Row<TData>) => boolean;
     renderSubRow?: (row: Row<TData>) => ReactNode;
-    onSelectionChange?: (rows: TData[]) => void;
+    getSubRows?: (row: TData) => TData[] | undefined;
+    grouping?: boolean;
+    defaultGrouping?: string[];
+    density?: boolean;
+    defaultDensity?: DataTableDensity;
+    stickyHeader?: boolean;
+    striped?: boolean;
+    virtualize?: boolean;
+    estimatedRowHeight?: number;
+    rowActions?: DataTableRowAction<TData>[];
+    bulkActions?: DataTableBulkAction<TData>[];
+    exportCsv?: boolean;
+    exportExcel?: boolean;
+    exportFilename?: string;
+    print?: boolean;
+    copy?: boolean;
+    showFooter?: boolean;
     onRowClick?: (row: TData) => void;
-    className?: string;
+}
+declare module '@tanstack/table-core' {
+    interface ColumnMeta<TData extends unknown | object | any[], TValue> {
+        filterType?: DataTableFilterType;
+        filterOptions?: {
+            label: string;
+            value: string;
+        }[];
+        align?: 'left' | 'center' | 'right';
+    }
 }

package/dist/components/Table/DataTable.utils.d.ts

@@ -0,0 +1,7 @@
+import type { FilterFn, Table } from '@tanstack/react-table';
+export declare const numberRangeFilterFn: FilterFn<any>;
+export declare const dateRangeFilterFn: FilterFn<any>;
+export declare function exportToCsv<TData>(filename: string, table: Table<TData>): void;
+export declare function exportToExcel<TData>(filename: string, table: Table<TData>): Promise<void>;
+export declare function printTable<TData>(filename: string, table: Table<TData>): void;
+export declare function copyToClipboard<TData>(table: Table<TData>, selectedOnly?: boolean): void;

package/dist/components/Table/index.d.ts

@@ -1,3 +1,3 @@
 export { DataTable } from './DataTable';
-export type { ColumnDef, DataTableProps } from './DataTable.types';
+export type { ColumnDef, DataTableBulkAction, DataTableDensity, DataTableFilterType, DataTableInfiniteScroll, DataTableProps, DataTableRowAction, DataTableServerPagination, } from './DataTable.types';
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './Table';

package/dist/components/Textarea/Textarea.d.ts

@@ -6,4 +6,5 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<import(
     readonly textareaSize?: import("./Textarea.types").TextareaSize;
     readonly error?: boolean;
     readonly loading?: boolean;
+    readonly showCount?: boolean;
 } & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/components/Textarea/Textarea.types.d.ts

@@ -4,4 +4,5 @@ export type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
     readonly textareaSize?: TextareaSize;
     readonly error?: boolean;
     readonly loading?: boolean;
+    readonly showCount?: boolean;
 };

package/dist/components/index.d.ts

@@ -24,6 +24,7 @@ export * from './Input';
 export * from './Kbd';
 export * from './Label';
 export * from './MultiSelect';
+export * from './Navbar';
 export * from './NotificationCenter';
 export * from './NumberInput';
 export * from './Pagination';
@@ -34,6 +35,7 @@ export * from './RadioGroup';
 export * from './ScrollArea';
 export * from './Select';
 export * from './Sidebar';
+export * from './Spinner';
 export * from './Skeleton';
 export * from './StatCard';
 export * from './Stepper';