@nccirtu/tablefy 0.6.2 → 0.6.3

package/dist/builders/empty-state.d.ts

@@ -0,0 +1,46 @@
+import { EmptyStateConfig } from "../types/empty-state";
+import React from "react";
+/**
+ * Empty State Builder
+ * Fluent API for building empty state configurations
+ */
+export declare class EmptyStateBuilder {
+    private config;
+    static make(): EmptyStateBuilder;
+    title(title: string): this;
+    description(description: string): this;
+    icon(icon: React.ReactNode): this;
+    imageUrl(imageUrl: string): this;
+    action(label: string, onClick?: () => void, href?: string, icon?: React.ReactNode): this;
+    variant(variant: "default" | "search" | "filter" | "error" | "custom"): this;
+    error(params?: {
+        onRetry?: () => void;
+    }): this;
+    noSearchResults(params?: {
+        onClear?: () => void;
+    }): this;
+    noFilterResults(params?: {
+        onReset?: () => void;
+    }): this;
+    noData(): this;
+    build(): EmptyStateConfig;
+    static noData(config: {
+        title: string;
+        description: string;
+        createLabel?: string;
+        createHref?: string;
+        createOnClick?: () => void;
+    }): EmptyStateConfig;
+    static noSearchResults(config: {
+        title: string;
+        description: string;
+        clearLabel?: string;
+        onClear?: () => void;
+    }): EmptyStateConfig;
+    static noFilterResults(config: {
+        title: string;
+        description: string;
+        resetLabel?: string;
+        onReset?: () => void;
+    }): EmptyStateConfig;
+}

package/dist/builders/index.d.ts

@@ -0,0 +1,2 @@
+export { TableSchema } from "./table-schema";
+export { EmptyStateBuilder } from "./empty-state";

package/dist/builders/table-schema.d.ts

@@ -0,0 +1,84 @@
+import { ColumnDef } from "@tanstack/react-table";
+import { DataTableConfig } from "../types/table";
+import { HeaderAction } from "../types/actions";
+import { EmptyStateConfig } from "../types/empty-state";
+import React from "react";
+type ColumnBuilder<TData> = {
+    build(): ColumnDef<TData, unknown>;
+};
+/**
+ * Header Actions Builder
+ * Fluent API for building header actions
+ */
+declare class HeaderActionsBuilder<TData> {
+    private actions;
+    create(config: {
+        label: string;
+        href?: string;
+        onClick?: () => void;
+        icon?: React.ReactNode;
+    }): this;
+    export(config: {
+        label: string;
+        icon?: React.ReactNode;
+        formats?: Array<{
+            label: string;
+            onClick: () => void;
+        }>;
+    }): this;
+    import(config: {
+        label: string;
+        icon?: React.ReactNode;
+        onClick?: () => void;
+    }): this;
+    bulkExport(config: {
+        label: string;
+        icon?: React.ReactNode;
+        onExport: (rows: TData[]) => void;
+    }): this;
+    bulkDelete(config: {
+        label: string;
+        icon?: React.ReactNode;
+        onDelete: (rows: TData[]) => void;
+    }): this;
+    custom(action: HeaderAction<TData>): this;
+    build(): HeaderAction<TData>[];
+}
+/**
+ * Table Schema Builder
+ * Fluent API for building complete table configurations
+ */
+export declare class TableSchema<TData> {
+    private columnBuilders;
+    private config;
+    static make<TData>(): TableSchema<TData>;
+    description(text: string): this;
+    title(text: string): this;
+    headerActions(builder: (b: HeaderActionsBuilder<TData>) => HeaderActionsBuilder<TData>): this;
+    emptyState(config: EmptyStateConfig): this;
+    searchEmptyState(config: EmptyStateConfig): this;
+    filterEmptyState(config: EmptyStateConfig): this;
+    searchable(config?: {
+        placeholder?: string;
+    } | boolean): this;
+    paginated(config?: {
+        pageSize?: number;
+        pageSizeOptions?: number[];
+    } | boolean): this;
+    selectable(multiSelect?: boolean): this;
+    sortable(defaultSort?: {
+        id: string;
+        desc: boolean;
+    }): this;
+    columnVisibility(enabled?: boolean): this;
+    bordered(enabled?: boolean): this;
+    striped(enabled?: boolean): this;
+    hoverable(enabled?: boolean): this;
+    density(density: "compact" | "default" | "comfortable"): this;
+    columns(...builders: ColumnBuilder<TData>[]): this;
+    build(): {
+        columns: ColumnDef<TData, unknown>[];
+        config: DataTableConfig<TData>;
+    };
+}
+export {};

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

@@ -0,0 +1,46 @@
+import { EmptyStateConfig } from "../types/empty-state";
+import React from "react";
+/**
+ * Empty State Builder
+ * Fluent API for building empty state configurations
+ */
+export declare class EmptyStateBuilder {
+    private config;
+    static make(): EmptyStateBuilder;
+    title(title: string): this;
+    description(description: string): this;
+    icon(icon: React.ReactNode): this;
+    imageUrl(imageUrl: string): this;
+    action(label: string, onClick?: () => void, href?: string, icon?: React.ReactNode): this;
+    variant(variant: "default" | "search" | "filter" | "error" | "custom"): this;
+    error(params?: {
+        onRetry?: () => void;
+    }): this;
+    noSearchResults(params?: {
+        onClear?: () => void;
+    }): this;
+    noFilterResults(params?: {
+        onReset?: () => void;
+    }): this;
+    noData(): this;
+    build(): EmptyStateConfig;
+    static noData(config: {
+        title: string;
+        description: string;
+        createLabel?: string;
+        createHref?: string;
+        createOnClick?: () => void;
+    }): EmptyStateConfig;
+    static noSearchResults(config: {
+        title: string;
+        description: string;
+        clearLabel?: string;
+        onClear?: () => void;
+    }): EmptyStateConfig;
+    static noFilterResults(config: {
+        title: string;
+        description: string;
+        resetLabel?: string;
+        onReset?: () => void;
+    }): EmptyStateConfig;
+}

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

@@ -0,0 +1,2 @@
+export { TableSchema } from "./table-schema";
+export { EmptyStateBuilder } from "./empty-state";

package/dist/columns/builders/table-schema.d.ts

@@ -0,0 +1,84 @@
+import { ColumnDef } from "@tanstack/react-table";
+import { DataTableConfig } from "../types/table";
+import { HeaderAction } from "../types/actions";
+import { EmptyStateConfig } from "../types/empty-state";
+import React from "react";
+type ColumnBuilder<TData> = {
+    build(): ColumnDef<TData, unknown>;
+};
+/**
+ * Header Actions Builder
+ * Fluent API for building header actions
+ */
+declare class HeaderActionsBuilder<TData> {
+    private actions;
+    create(config: {
+        label: string;
+        href?: string;
+        onClick?: () => void;
+        icon?: React.ReactNode;
+    }): this;
+    export(config: {
+        label: string;
+        icon?: React.ReactNode;
+        formats?: Array<{
+            label: string;
+            onClick: () => void;
+        }>;
+    }): this;
+    import(config: {
+        label: string;
+        icon?: React.ReactNode;
+        onClick?: () => void;
+    }): this;
+    bulkExport(config: {
+        label: string;
+        icon?: React.ReactNode;
+        onExport: (rows: TData[]) => void;
+    }): this;
+    bulkDelete(config: {
+        label: string;
+        icon?: React.ReactNode;
+        onDelete: (rows: TData[]) => void;
+    }): this;
+    custom(action: HeaderAction<TData>): this;
+    build(): HeaderAction<TData>[];
+}
+/**
+ * Table Schema Builder
+ * Fluent API for building complete table configurations
+ */
+export declare class TableSchema<TData> {
+    private columnBuilders;
+    private config;
+    static make<TData>(): TableSchema<TData>;
+    description(text: string): this;
+    title(text: string): this;
+    headerActions(builder: (b: HeaderActionsBuilder<TData>) => HeaderActionsBuilder<TData>): this;
+    emptyState(config: EmptyStateConfig): this;
+    searchEmptyState(config: EmptyStateConfig): this;
+    filterEmptyState(config: EmptyStateConfig): this;
+    searchable(config?: {
+        placeholder?: string;
+    } | boolean): this;
+    paginated(config?: {
+        pageSize?: number;
+        pageSizeOptions?: number[];
+    } | boolean): this;
+    selectable(multiSelect?: boolean): this;
+    sortable(defaultSort?: {
+        id: string;
+        desc: boolean;
+    }): this;
+    columnVisibility(enabled?: boolean): this;
+    bordered(enabled?: boolean): this;
+    striped(enabled?: boolean): this;
+    hoverable(enabled?: boolean): this;
+    density(density: "compact" | "default" | "comfortable"): this;
+    columns(...builders: ColumnBuilder<TData>[]): this;
+    build(): {
+        columns: ColumnDef<TData, unknown>[];
+        config: DataTableConfig<TData>;
+    };
+}
+export {};

package/dist/columns/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";

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/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/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";