@nccirtu/tablefy 0.8.0 → 0.8.2

package/dist/builders/index.d.ts

@@ -1,5 +1,2 @@
 export { TableSchema } from "./table-schema";
 export { EmptyStateBuilder } from "./empty-state";
-export { HeaderActions } from "./header-actions";
-export { HeaderActionGroup } from "./header-action-group";
-export type { HeaderActionItem } from "./header-actions";

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

@@ -2,48 +2,9 @@ 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
@@ -54,7 +15,7 @@ export declare class TableSchema<TData> {
     static make<TData>(): TableSchema<TData>;
     description(text: string): this;
     title(text: string): this;
-    headerActions(builder: (b: HeaderActionsBuilder<TData>) => HeaderActionsBuilder<TData>): this;
+    headerActions(actions: HeaderAction<TData>[]): this;
     emptyState(config: EmptyStateConfig): this;
     searchEmptyState(config: EmptyStateConfig): this;
     filterEmptyState(config: EmptyStateConfig): this;

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

@@ -1,5 +1,2 @@
 export { TableSchema } from "./table-schema";
 export { EmptyStateBuilder } from "./empty-state";
-export { HeaderActions } from "./header-actions";
-export { HeaderActionGroup } from "./header-action-group";
-export type { HeaderActionItem } from "./header-actions";

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

@@ -2,48 +2,9 @@ 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
@@ -54,7 +15,7 @@ export declare class TableSchema<TData> {
     static make<TData>(): TableSchema<TData>;
     description(text: string): this;
     title(text: string): this;
-    headerActions(builder: (b: HeaderActionsBuilder<TData>) => HeaderActionsBuilder<TData>): this;
+    headerActions(actions: HeaderAction<TData>[]): this;
     emptyState(config: EmptyStateConfig): this;
     searchEmptyState(config: EmptyStateConfig): this;
     filterEmptyState(config: EmptyStateConfig): this;

package/dist/columns/index.d.ts

@@ -1,7 +1,6 @@
 export { DataTable } from "./tablefy/data-table";
 export { DataTableSchema } from "./tablefy/data-table-schema";
-export { TableSchema, EmptyStateBuilder, HeaderActions, HeaderActionGroup, } from "./builders";
-export type { HeaderActionItem } from "./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";

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

@@ -4,8 +4,8 @@ import { ReactNode } from "react";
  * Defines actions that can be displayed in the table header
  */
 export interface HeaderAction<TData = unknown> {
-    id: string;
-    label: string;
+    id?: string;
+    label?: string;
     icon?: ReactNode;
     variant?: "default" | "secondary" | "outline" | "ghost" | "destructive";
     size?: "default" | "sm" | "lg" | "icon";
@@ -16,5 +16,6 @@ export interface HeaderAction<TData = unknown> {
     bulk?: boolean;
     bulkOnClick?: (selectedRows: TData[]) => void;
     hidden?: boolean;
+    render?: () => ReactNode;
     children?: Omit<HeaderAction<TData>, "children" | "bulk">[];
 }

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 export { DataTable } from "./tablefy/data-table";
 export { DataTableSchema } from "./tablefy/data-table-schema";
-export { TableSchema, EmptyStateBuilder, HeaderActions, HeaderActionGroup, } from "./builders";
-export type { HeaderActionItem } from "./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";

package/dist/index.esm.js

@@ -24,6 +24,10 @@ function DataTableHeader({ title, description, actions = [], search, searchValue
         return table.getFilteredSelectedRowModel().rows.map((row) => row.original);
     };
     const renderAction = (action, index) => {
+        // Custom render function takes priority
+        if (action.render) {
+            return jsx("div", { children: action.render() }, action.id || index);
+        }
         if (action.children && action.children.length > 0) {
             return (jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsxs(Button, { variant: action.variant || "outline", size: action.size || "default", disabled: action.disabled || action.loading, children: [action.icon, jsx("span", { className: cn(action.icon ? "ml-2" : ""), children: action.label }), jsx(ChevronDown, { className: "ml-2 h-4 w-4" })] }) }), jsx(DropdownMenuContent, { align: "end", children: action.children.map((child, childIndex) => (jsxs(DropdownMenuItem, { onClick: child.onClick, className: cn(child.variant === "destructive" &&
                                 "text-destructive focus:text-destructive"), children: [child.icon && jsx("span", { className: "mr-2", children: child.icon }), child.label] }, child.id || childIndex))) })] }, action.id || index));
@@ -73,87 +77,6 @@ function DataTablePagination({ table, config, className, }) {
                                 : 0, " ", "von ", Math.max(table.getPageCount(), 0)] })), 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 complete table configurations
@@ -173,9 +96,8 @@ class TableSchema {
         this.config.title = text;
         return this;
     }
-    headerActions(builder) {
-        const actionsBuilder = new HeaderActionsBuilder();
-        this.config.headerActions = builder(actionsBuilder).build();
+    headerActions(actions) {
+        this.config.headerActions = actions;
         return this;
     }
     emptyState(config) {
@@ -378,183 +300,6 @@ class EmptyStateBuilder {
     }
 }
 
-class HeaderActions {
-    config = {
-        actions: [],
-    };
-    static make() {
-        return new HeaderActions();
-    }
-    label(label) {
-        if (this.config.actions.length > 0) {
-            this.config.actions[this.config.actions.length - 1].label = label;
-        }
-        return this;
-    }
-    icon(icon) {
-        if (this.config.actions.length > 0) {
-            this.config.actions[this.config.actions.length - 1].icon = icon;
-        }
-        return this;
-    }
-    variant(variant) {
-        if (this.config.actions.length > 0) {
-            this.config.actions[this.config.actions.length - 1].variant = variant;
-        }
-        return this;
-    }
-    size(size) {
-        if (this.config.actions.length > 0) {
-            this.config.actions[this.config.actions.length - 1].size = size;
-        }
-        return this;
-    }
-    disabled(disabled = true) {
-        if (this.config.actions.length > 0) {
-            this.config.actions[this.config.actions.length - 1].disabled = disabled;
-        }
-        return this;
-    }
-    loading(loading = true) {
-        if (this.config.actions.length > 0) {
-            this.config.actions[this.config.actions.length - 1].loading = loading;
-        }
-        return this;
-    }
-    hidden(hidden = true) {
-        if (this.config.actions.length > 0) {
-            this.config.actions[this.config.actions.length - 1].hidden = hidden;
-        }
-        return this;
-    }
-    action(action) {
-        this.config.actions.push(action);
-        return this;
-    }
-    onClick(handler) {
-        if (this.config.actions.length > 0) {
-            this.config.actions[this.config.actions.length - 1].onClick = handler;
-        }
-        return this;
-    }
-    href(url) {
-        if (this.config.actions.length > 0) {
-            this.config.actions[this.config.actions.length - 1].href = url;
-        }
-        return this;
-    }
-    bulk(handler) {
-        if (this.config.actions.length > 0) {
-            this.config.actions[this.config.actions.length - 1].bulk = true;
-            this.config.actions[this.config.actions.length - 1].bulkOnClick = handler;
-        }
-        return this;
-    }
-    create(config) {
-        return this.action({
-            label: config.label,
-            href: config.href,
-            onClick: config.onClick,
-            icon: config.icon,
-            variant: "default",
-        });
-    }
-    export(config) {
-        return this.action({
-            label: config.label,
-            icon: config.icon,
-            onClick: config.onClick,
-            variant: "outline",
-        });
-    }
-    import(config) {
-        return this.action({
-            label: config.label,
-            icon: config.icon,
-            onClick: config.onClick,
-            variant: "outline",
-        });
-    }
-    bulkExport(config) {
-        return this.action({
-            label: config.label,
-            icon: config.icon,
-            bulk: true,
-            bulkOnClick: config.onExport,
-            variant: "outline",
-        });
-    }
-    bulkDelete(config) {
-        return this.action({
-            label: config.label,
-            icon: config.icon,
-            bulk: true,
-            bulkOnClick: config.onDelete,
-            variant: "destructive",
-        });
-    }
-    build() {
-        return this.config.actions;
-    }
-    buildLegacy() {
-        return this.config.actions.map((action, index) => ({
-            id: `action-${index}`,
-            label: action.label || "",
-            icon: action.icon,
-            onClick: action.onClick,
-            href: action.href,
-            variant: action.variant,
-            size: action.size,
-            disabled: action.disabled,
-            loading: action.loading,
-            hidden: action.hidden,
-            bulk: action.bulk,
-            bulkOnClick: action.bulkOnClick,
-        }));
-    }
-}
-
-function HeaderActionGroup({ actions, selectedRows = [], label = "Aktionen", icon, variant = "outline", }) {
-    const visibleActions = actions.filter((action) => !action.hidden);
-    if (visibleActions.length === 0)
-        return null;
-    // If only one action, render it directly
-    if (visibleActions.length === 1) {
-        const action = visibleActions[0];
-        if (action.render) {
-            return jsx(Fragment, { children: action.render(selectedRows) });
-        }
-        return (jsxs(Button, { variant: action.variant || variant, size: action.size || "default", disabled: action.disabled, onClick: () => {
-                if (action.bulk && action.bulkOnClick) {
-                    action.bulkOnClick(selectedRows);
-                }
-                else if (action.onClick) {
-                    action.onClick();
-                }
-                else if (action.href) {
-                    window.location.href = action.href;
-                }
-            }, children: [action.icon && jsx("span", { className: "mr-2", children: action.icon }), action.label] }));
-    }
-    // Multiple actions - render as dropdown
-    return (jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsxs(Button, { variant: variant, size: "default", children: [icon && jsx("span", { className: "mr-2", children: icon }), label, jsx(ChevronDown, { className: "ml-2 h-4 w-4" })] }) }), jsx(DropdownMenuContent, { align: "end", children: visibleActions.map((action, index) => {
-                    if (action.render) {
-                        return jsx("div", { children: action.render(selectedRows) }, index);
-                    }
-                    return (jsxs(DropdownMenuItem, { disabled: action.disabled, onClick: () => {
-                            if (action.bulk && action.bulkOnClick) {
-                                action.bulkOnClick(selectedRows);
-                            }
-                            else if (action.onClick) {
-                                action.onClick();
-                            }
-                            else if (action.href) {
-                                window.location.href = action.href;
-                            }
-                        }, children: [action.icon && jsx("span", { className: "mr-2", children: action.icon }), action.label] }, index));
-                }) })] }));
-}
-
 function DataTable({ columns, data, config = {}, className, isLoading = false, isError = false, onRetry, }) {
     const [sorting, setSorting] = useState(config.defaultSort ? [config.defaultSort] : []);
     const [columnFilters, setColumnFilters] = useState([]);
@@ -1931,5 +1676,5 @@ function ConfirmProvider({ children }) {
     return (jsxs(Fragment, { children: [children, jsx(AlertDialog, { open: !!currentRequest, onOpenChange: (open) => !open && handleCancel(), children: jsxs(AlertDialogContent, { className: "max-w-md", children: [jsxs(AlertDialogHeader, { children: [jsx(AlertDialogTitle, { className: "text-center", children: title || "Bestätigung erforderlich" }), description && (jsx(AlertDialogDescription, { className: "text-center", children: description }))] }), image && (jsx("div", { className: "flex justify-center py-4", children: jsx("img", { src: image, alt: "Confirmation", className: "h-24 w-24 object-contain" }) })), icon && !image && (jsx("div", { className: "flex justify-center py-4 text-6xl", children: icon })), jsxs(AlertDialogFooter, { className: "flex flex-row !justify-between w-full", children: [jsx(AlertDialogCancel, { onClick: handleCancel, className: "mt-0", children: cancelLabel || "Abbrechen" }), jsx(AlertDialogAction, { onClick: handleConfirm, variant: variant === "destructive" ? "destructive" : "default", children: confirmLabel || "Bestätigen" })] })] }) })] }));
 }
 
-export { AvatarGroupColumn, BadgeColumn, ButtonColumn, CheckboxColumn, ConfirmProvider, DataTable, DataTableSchema, DateColumn, DropdownColumn, EmptyStateBuilder, EnumColumn, HeaderActionGroup, HeaderActions, IconColumn, ImageColumn, InputColumn, LinkColumn, NumberColumn, ProgressColumn, SelectColumn, TableSchema, AvatarGroupColumn as avatarGroupColumn, BadgeColumn as badgeColumn, ButtonColumn as buttonColumn, CheckboxColumn as checkboxColumn, confirm, DateColumn as dateColumn, DropdownColumn as dropdownColumn, EnumColumn as enumColumn, IconColumn as iconColumn, InputColumn as inputColumn };
+export { AvatarGroupColumn, BadgeColumn, ButtonColumn, CheckboxColumn, ConfirmProvider, DataTable, DataTableSchema, DateColumn, DropdownColumn, EmptyStateBuilder, EnumColumn, IconColumn, ImageColumn, InputColumn, LinkColumn, NumberColumn, ProgressColumn, SelectColumn, TableSchema, AvatarGroupColumn as avatarGroupColumn, BadgeColumn as badgeColumn, ButtonColumn as buttonColumn, CheckboxColumn as checkboxColumn, confirm, DateColumn as dateColumn, DropdownColumn as dropdownColumn, EnumColumn as enumColumn, IconColumn as iconColumn, InputColumn as inputColumn };
 //# sourceMappingURL=index.esm.js.map