@nccirtu/tablefy 0.1.7 → 0.2.0

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

@@ -24,4 +24,23 @@ export declare class EmptyStateBuilder {
     }): 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/lib/builders/table-schema.d.ts

@@ -1,15 +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 table column definitions
+ * 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(): ColumnDef<TData, unknown>[];
+    build(): {
+        columns: ColumnDef<TData, unknown>[];
+        config: DataTableConfig<TData>;
+    };
 }
 export {};

package/dist/index.esm.js

@@ -7815,21 +7815,193 @@ function DataTablePagination({ table, config, className, }) {
     return (jsxs("div", { className: cn("flex flex-col gap-4 px-4 py-4 sm:flex-row sm:items-center sm:justify-between", className), children: [jsx("div", { className: "text-sm text-muted-foreground", children: table.getFilteredSelectedRowModel().rows.length > 0 ? (jsxs("span", { children: [table.getFilteredSelectedRowModel().rows.length, " von", " ", table.getFilteredRowModel().rows.length, " Zeile(n) ausgew\u00E4hlt"] })) : showPageInfo ? (jsxs("span", { children: [table.getFilteredRowModel().rows.length, " Eintr\u00E4ge"] })) : null }), jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:gap-6", children: [showPageSizeSelector && (jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: "Zeilen pro Seite" }), jsxs(Select, { value: `${table.getState().pagination.pageSize}`, onValueChange: (value) => table.setPageSize(Number(value)), children: [jsx(SelectTrigger, { className: "h-8 w-[70px]", children: jsx(SelectValue, { placeholder: table.getState().pagination.pageSize }) }), jsx(SelectContent, { side: "top", children: pageSizeOptions.map((pageSize) => (jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize))) })] })] })), showPageInfo && (jsxs("div", { className: "text-sm text-muted-foreground whitespace-nowrap", children: ["Seite ", table.getState().pagination.pageIndex + 1, " von", " ", table.getPageCount()] })), jsxs("div", { className: "flex items-center gap-1", children: [jsxs(Button, { variant: "outline", size: "icon", className: "h-8 w-8", onClick: () => table.setPageIndex(0), disabled: !table.getCanPreviousPage(), children: [jsx(ChevronsLeft, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "Erste Seite" })] }), jsxs(Button, { variant: "outline", size: "icon", className: "h-8 w-8", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), children: [jsx(ChevronLeft, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "Vorherige Seite" })] }), jsxs(Button, { variant: "outline", size: "icon", className: "h-8 w-8", onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), children: [jsx(ChevronRight, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "N\u00E4chste Seite" })] }), jsxs(Button, { variant: "outline", size: "icon", className: "h-8 w-8", onClick: () => table.setPageIndex(table.getPageCount() - 1), disabled: !table.getCanNextPage(), children: [jsx(ChevronsRight, { className: "h-4 w-4" }), jsx("span", { className: "sr-only", children: "Letzte Seite" })] })] })] })] }));
 }
 
+/**
+ * Header Actions Builder
+ * Fluent API for building header actions
+ */
+class HeaderActionsBuilder {
+    actions = [];
+    create(config) {
+        this.actions.push({
+            id: "create",
+            label: config.label,
+            href: config.href,
+            onClick: config.onClick,
+            icon: config.icon,
+            variant: "default",
+        });
+        return this;
+    }
+    export(config) {
+        if (config.formats && config.formats.length > 0) {
+            this.actions.push({
+                id: "export",
+                label: config.label,
+                icon: config.icon,
+                variant: "outline",
+                children: config.formats.map((format, index) => ({
+                    id: `export-${index}`,
+                    label: format.label,
+                    onClick: format.onClick,
+                })),
+            });
+        }
+        else {
+            this.actions.push({
+                id: "export",
+                label: config.label,
+                icon: config.icon,
+                variant: "outline",
+            });
+        }
+        return this;
+    }
+    import(config) {
+        this.actions.push({
+            id: "import",
+            label: config.label,
+            icon: config.icon,
+            onClick: config.onClick,
+            variant: "outline",
+        });
+        return this;
+    }
+    bulkExport(config) {
+        this.actions.push({
+            id: "bulk-export",
+            label: config.label,
+            icon: config.icon,
+            bulk: true,
+            bulkOnClick: config.onExport,
+            variant: "outline",
+        });
+        return this;
+    }
+    bulkDelete(config) {
+        this.actions.push({
+            id: "bulk-delete",
+            label: config.label,
+            icon: config.icon,
+            bulk: true,
+            bulkOnClick: config.onDelete,
+            variant: "destructive",
+        });
+        return this;
+    }
+    custom(action) {
+        this.actions.push(action);
+        return this;
+    }
+    build() {
+        return this.actions;
+    }
+}
 /**
  * Table Schema Builder
- * Fluent API for building table column definitions
+ * Fluent API for building complete table configurations
  */
 class TableSchema {
     columnBuilders = [];
+    config = {};
     static make() {
         return new TableSchema();
     }
+    // Configuration Methods
+    description(text) {
+        this.config.description = text;
+        return this;
+    }
+    title(text) {
+        this.config.title = text;
+        return this;
+    }
+    headerActions(builder) {
+        const actionsBuilder = new HeaderActionsBuilder();
+        this.config.headerActions = builder(actionsBuilder).build();
+        return this;
+    }
+    emptyState(config) {
+        this.config.emptyState = config;
+        return this;
+    }
+    searchEmptyState(config) {
+        this.config.searchEmptyState = config;
+        return this;
+    }
+    filterEmptyState(config) {
+        this.config.filterEmptyState = config;
+        return this;
+    }
+    // Feature Methods
+    searchable(config) {
+        if (typeof config === "boolean") {
+            this.config.search = config ? { enabled: true } : { enabled: false };
+        }
+        else {
+            this.config.search = {
+                enabled: true,
+                placeholder: config?.placeholder,
+            };
+        }
+        return this;
+    }
+    paginated(config) {
+        if (typeof config === "boolean") {
+            this.config.pagination = { enabled: config };
+        }
+        else {
+            this.config.pagination = {
+                enabled: true,
+                pageSize: config?.pageSize,
+                pageSizeOptions: config?.pageSizeOptions,
+            };
+        }
+        return this;
+    }
+    selectable(multiSelect = true) {
+        this.config.enableRowSelection = true;
+        this.config.enableMultiRowSelection = multiSelect;
+        return this;
+    }
+    sortable(defaultSort) {
+        this.config.enableSorting = true;
+        if (defaultSort) {
+            this.config.defaultSort = defaultSort;
+        }
+        return this;
+    }
+    columnVisibility(enabled = true) {
+        this.config.enableColumnVisibility = enabled;
+        return this;
+    }
+    // Styling Methods
+    bordered(enabled = true) {
+        this.config.bordered = enabled;
+        return this;
+    }
+    striped(enabled = true) {
+        this.config.striped = enabled;
+        return this;
+    }
+    hoverable(enabled = true) {
+        this.config.hoverable = enabled;
+        return this;
+    }
+    density(density) {
+        this.config.density = density;
+        return this;
+    }
+    // Columns
     columns(...builders) {
         this.columnBuilders.push(...builders);
         return this;
     }
+    // Build
     build() {
-        return this.columnBuilders.map((builder) => builder.build());
+        return {
+            columns: this.columnBuilders.map((builder) => builder.build()),
+            config: this.config,
+        };
     }
 }
 
@@ -7905,6 +8077,47 @@ class EmptyStateBuilder {
     build() {
         return this.config;
     }
+    // Static helper methods for quick configuration
+    static noData(config) {
+        return {
+            variant: "default",
+            title: config.title,
+            description: config.description,
+            action: config.createLabel
+                ? {
+                    label: config.createLabel,
+                    href: config.createHref,
+                    onClick: config.createOnClick,
+                }
+                : undefined,
+        };
+    }
+    static noSearchResults(config) {
+        return {
+            variant: "search",
+            title: config.title,
+            description: config.description,
+            action: config.clearLabel
+                ? {
+                    label: config.clearLabel,
+                    onClick: config.onClear,
+                }
+                : undefined,
+        };
+    }
+    static noFilterResults(config) {
+        return {
+            variant: "filter",
+            title: config.title,
+            description: config.description,
+            action: config.resetLabel
+                ? {
+                    label: config.resetLabel,
+                    onClick: config.onReset,
+                }
+                : undefined,
+        };
+    }
 }
 
 function DataTable({ columns, data, config = {}, className, isLoading = false, isError = false, onRetry, }) {