@nccirtu/tablefy 0.6.2 → 0.6.4

package/dist/columns/link-column.d.ts

@@ -1,13 +1,13 @@
-import { ColumnDef } from '@tanstack/react-table';
-import { ReactNode } from 'react';
-import { BaseColumn } from './base-column';
-import { BaseColumnConfig } from './types';
+import { ColumnDef } from "@tanstack/react-table";
+import { ReactNode } from "react";
+import { BaseColumn } from "./base-column";
+import { BaseColumnConfig } from "./types";
 interface LinkColumnConfig<TData> extends BaseColumnConfig<TData> {
     href?: string | ((row: TData) => string);
     external?: boolean;
     icon?: ReactNode;
     showExternalIcon?: boolean;
-    underline?: 'always' | 'hover' | 'never';
+    underline?: "always" | "hover" | "never";
     openInNewTab?: boolean;
     onClick?: (row: TData) => void;
 }
@@ -19,7 +19,7 @@ export declare class LinkColumn<TData> extends BaseColumn<TData, LinkColumnConfi
     external(external?: boolean): this;
     icon(icon: ReactNode): this;
     showExternalIcon(show?: boolean): this;
-    underline(style: 'always' | 'hover' | 'never'): this;
+    underline(style: "always" | "hover" | "never"): this;
     openInNewTab(open?: boolean): this;
     onClick(handler: (row: TData) => void): this;
     build(): ColumnDef<TData, unknown>;

package/dist/columns/number-column.d.ts

@@ -1,6 +1,6 @@
-import { ColumnDef } from '@tanstack/react-table';
-import { BaseColumn } from './base-column';
-import { BaseColumnConfig } from './types';
+import { ColumnDef } from "@tanstack/react-table";
+import { BaseColumn } from "./base-column";
+import { BaseColumnConfig } from "./types";
 interface NumberColumnConfig<TData> extends BaseColumnConfig<TData> {
     decimals?: number;
     locale?: string;

package/dist/columns/progress-column.d.ts

@@ -1,12 +1,12 @@
-import { ColumnDef } from '@tanstack/react-table';
-import { BaseColumn } from './base-column';
-import { BaseColumnConfig } from './types';
+import { ColumnDef } from "@tanstack/react-table";
+import { BaseColumn } from "./base-column";
+import { BaseColumnConfig } from "./types";
 interface ProgressColumnConfig<TData> extends BaseColumnConfig<TData> {
     max?: number;
     showValue?: boolean;
     showPercentage?: boolean;
-    size?: 'sm' | 'md' | 'lg';
-    color?: 'default' | 'success' | 'warning' | 'danger' | ((value: number, max: number) => string);
+    size?: "sm" | "md" | "lg";
+    color?: "default" | "success" | "warning" | "danger" | ((value: number, max: number) => string);
     thresholds?: {
         warning?: number;
         danger?: number;
@@ -20,8 +20,8 @@ export declare class ProgressColumn<TData> extends BaseColumn<TData, ProgressCol
     showValue(show?: boolean): this;
     showPercentage(show?: boolean): this;
     hideLabel(): this;
-    size(size: 'sm' | 'md' | 'lg'): this;
-    color(color: 'default' | 'success' | 'warning' | 'danger'): this;
+    size(size: "sm" | "md" | "lg"): this;
+    color(color: "default" | "success" | "warning" | "danger"): this;
     colorByThreshold(warning?: number, danger?: number): this;
     colorByThresholdInverse(warning?: number, danger?: number): this;
     format(fn: (value: number, max: number) => string): this;

package/dist/columns/tablefy/data-table-empty.d.ts

@@ -1,4 +1,4 @@
-import { EmptyStateConfig } from "../lib/types";
+import { EmptyStateConfig } from "../types";
 interface DataTableEmptyProps {
     config: EmptyStateConfig;
     colSpan: number;

package/dist/columns/tablefy/data-table-header.d.ts

@@ -1,5 +1,5 @@
 import { Table as TanstackTable } from "@tanstack/react-table";
-import { HeaderAction, SearchConfig } from "../lib/types";
+import { HeaderAction, SearchConfig } from "../types";
 interface DataTableHeaderProps<TData> {
     title?: string;
     description?: string;

package/dist/columns/tablefy/data-table-pagination.d.ts

@@ -1,5 +1,5 @@
 import { Table as TanstackTable } from "@tanstack/react-table";
-import { PaginationConfig } from "../lib/types";
+import { PaginationConfig } from "../types";
 interface DataTablePaginationProps<TData> {
     table: TanstackTable<TData>;
     config?: PaginationConfig;

package/dist/columns/tablefy/data-table.d.ts

@@ -1,5 +1,5 @@
 import { ColumnDef } from "@tanstack/react-table";
-import { DataTableConfig } from "../lib/types";
+import { DataTableConfig } from "../types";
 interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
     data: TData[];

package/dist/columns/text-column.d.ts

@@ -1,6 +1,6 @@
-import { ColumnDef, Row } from '@tanstack/react-table';
-import { BaseColumn } from './base-column';
-import { FormattedColumnConfig } from './types';
+import { ColumnDef, Row } from "@tanstack/react-table";
+import { BaseColumn } from "./base-column";
+import { FormattedColumnConfig } from "./types";
 export declare class TextColumn<TData> extends BaseColumn<TData, FormattedColumnConfig<TData>> {
     static make<TData>(accessor: keyof TData | string): TextColumn<TData>;
     formatter(fn: (value: unknown, row: Row<TData>) => React.ReactNode): this;

package/dist/columns/types/actions.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+/**
+ * Header Action Configuration
+ * Defines actions that can be displayed in the table header
+ */
+export interface HeaderAction<TData = unknown> {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive";
+    size?: "default" | "sm" | "lg" | "icon";
+    onClick?: () => void;
+    href?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    bulk?: boolean;
+    bulkOnClick?: (selectedRows: TData[]) => void;
+    hidden?: boolean;
+    children?: Omit<HeaderAction<TData>, "children" | "bulk">[];
+}

package/dist/columns/types/empty-state.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+/**
+ * Empty State Configuration
+ * Defines how empty states are displayed in the table
+ */
+export interface EmptyStateConfig {
+    icon?: ReactNode;
+    imageUrl?: string;
+    title: string;
+    description?: string;
+    action?: {
+        label: string;
+        onClick?: () => void;
+        href?: string;
+        icon?: ReactNode;
+    };
+    variant?: "default" | "search" | "filter" | "error" | "custom";
+}

package/dist/columns/types/filters.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Filter Configuration
+ * Defines filters that can be applied to table data
+ */
+export interface FilterConfig {
+    id: string;
+    label: string;
+    type: "text" | "select" | "multi-select" | "date" | "date-range" | "boolean";
+    column: string;
+    placeholder?: string;
+    options?: Array<{
+        label: string;
+        value: string;
+    }>;
+}
+/**
+ * Search Configuration
+ * Defines search functionality for the table
+ */
+export interface SearchConfig {
+    enabled: boolean;
+    placeholder?: string;
+    columns?: string[];
+    debounce?: number;
+}

package/dist/columns/types/index.d.ts

@@ -0,0 +1,4 @@
+export type { HeaderAction } from "./actions";
+export type { EmptyStateConfig } from "./empty-state";
+export type { FilterConfig, SearchConfig } from "./filters";
+export type { PaginationConfig, DataTableConfig } from "./table";

package/dist/columns/types/table.d.ts

@@ -0,0 +1,41 @@
+import { HeaderAction } from "./actions";
+import { EmptyStateConfig } from "./empty-state";
+import { FilterConfig, SearchConfig } from "./filters";
+/**
+ * Pagination Configuration
+ * Defines pagination settings for the table
+ */
+export interface PaginationConfig {
+    enabled: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    showPageInfo?: boolean;
+    showPageSizeSelector?: boolean;
+}
+/**
+ * Complete Data Table Configuration
+ * Main configuration object for the data table component
+ */
+export interface DataTableConfig<TData> {
+    title?: string;
+    description?: string;
+    headerActions?: HeaderAction<TData>[];
+    emptyState?: EmptyStateConfig;
+    searchEmptyState?: EmptyStateConfig;
+    filterEmptyState?: EmptyStateConfig;
+    search?: SearchConfig;
+    filters?: FilterConfig[];
+    pagination?: PaginationConfig;
+    enableRowSelection?: boolean;
+    enableMultiRowSelection?: boolean;
+    enableSorting?: boolean;
+    defaultSort?: {
+        id: string;
+        desc: boolean;
+    };
+    enableColumnVisibility?: boolean;
+    density?: "compact" | "default" | "comfortable";
+    bordered?: boolean;
+    striped?: boolean;
+    hoverable?: boolean;
+}

package/dist/columns/types.d.ts

@@ -1,12 +1,12 @@
-import { Row } from '@tanstack/react-table';
-import { ReactNode } from 'react';
+import { Row } from "@tanstack/react-table";
+import { ReactNode } from "react";
 export interface BaseColumnConfig<TData> {
     accessor: keyof TData | string;
     label?: string;
     sortable?: boolean;
     searchable?: boolean;
     hidden?: boolean;
-    align?: 'left' | 'center' | 'right';
+    align?: "left" | "center" | "right";
     width?: string | number;
     className?: string;
     headerClassName?: string;
@@ -21,7 +21,7 @@ export interface FormattedColumnConfig<TData> extends BaseColumnConfig<TData> {
 export interface BadgeColumnConfig<TData> extends BaseColumnConfig<TData> {
     variants?: Record<string, {
         label?: string;
-        variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'info' | 'muted';
+        variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "info" | "muted";
         className?: string;
         icon?: ReactNode;
     }>;
@@ -31,7 +31,7 @@ export interface ActionConfig<TData> {
     icon?: ReactNode;
     onClick?: (row: TData) => void;
     href?: (row: TData) => string;
-    variant?: 'default' | 'destructive' | 'ghost';
+    variant?: "default" | "destructive" | "ghost";
     hidden?: (row: TData) => boolean;
     disabled?: (row: TData) => boolean;
 }

package/dist/columns/utils.d.ts

@@ -0,0 +1 @@
+export declare function cn(...inputs: Array<string | boolean | undefined | null>): string;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { DataTable } from "./tablefy/data-table";
 export { DataTableSchema } from "./tablefy/data-table-schema";
-export { TableSchema, EmptyStateBuilder } from "./lib/builders";
+export { TableSchema, EmptyStateBuilder } from "./builders";
 export { AvatarGroupColumn, AvatarGroupColumn as avatarGroupColumn, } from "./columns/avatar-group-column";
 export { BadgeColumn, BadgeColumn as badgeColumn, } from "./columns/badge-column";
 export { ButtonColumn, ButtonColumn as buttonColumn, } from "./columns/button-column";
@@ -16,4 +16,4 @@ export { ProgressColumn, ProgressColumn as progressColumn, } from "./columns/pro
 export { SelectColumn, SelectColumn as selectColumn, } from "./columns/select-column";
 export { TextColumn, TextColumn as textColumn } from "./columns/text-column";
 export { ActionsColumn } from "./columns/actions-column";
-export type { DataTableConfig, EmptyStateConfig, FilterConfig, HeaderAction, PaginationConfig, SearchConfig, } from "./lib/types";
+export type { DataTableConfig, EmptyStateConfig, FilterConfig, HeaderAction, PaginationConfig, SearchConfig, } from "./types";