@nccirtu/tablefy 0.8.0 → 0.8.2

package/dist/index.js

@@ -26,6 +26,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 jsxRuntime.jsx("div", { children: action.render() }, action.id || index);
+        }
         if (action.children && action.children.length > 0) {
             return (jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { asChild: true, children: jsxRuntime.jsxs(button.Button, { variant: action.variant || "outline", size: action.size || "default", disabled: action.disabled || action.loading, children: [action.icon, jsxRuntime.jsx("span", { className: utils.cn(action.icon ? "ml-2" : ""), children: action.label }), jsxRuntime.jsx(lucideReact.ChevronDown, { className: "ml-2 h-4 w-4" })] }) }), jsxRuntime.jsx(dropdownMenu.DropdownMenuContent, { align: "end", children: action.children.map((child, childIndex) => (jsxRuntime.jsxs(dropdownMenu.DropdownMenuItem, { onClick: child.onClick, className: utils.cn(child.variant === "destructive" &&
                                 "text-destructive focus:text-destructive"), children: [child.icon && jsxRuntime.jsx("span", { className: "mr-2", children: child.icon }), child.label] }, child.id || childIndex))) })] }, action.id || index));
@@ -75,87 +79,6 @@ function DataTablePagination({ table, config, className, }) {
                                 : 0, " ", "von ", Math.max(table.getPageCount(), 0)] })), jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [jsxRuntime.jsxs(button.Button, { variant: "outline", size: "icon", className: "h-8 w-8", onClick: () => table.setPageIndex(0), disabled: !table.getCanPreviousPage(), children: [jsxRuntime.jsx(lucideReact.ChevronsLeft, { className: "h-4 w-4" }), jsxRuntime.jsx("span", { className: "sr-only", children: "Erste Seite" })] }), jsxRuntime.jsxs(button.Button, { variant: "outline", size: "icon", className: "h-8 w-8", onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), children: [jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" }), jsxRuntime.jsx("span", { className: "sr-only", children: "Vorherige Seite" })] }), jsxRuntime.jsxs(button.Button, { variant: "outline", size: "icon", className: "h-8 w-8", onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), children: [jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" }), jsxRuntime.jsx("span", { className: "sr-only", children: "N\u00E4chste Seite" })] }), jsxRuntime.jsxs(button.Button, { variant: "outline", size: "icon", className: "h-8 w-8", onClick: () => table.setPageIndex(table.getPageCount() - 1), disabled: !table.getCanNextPage(), children: [jsxRuntime.jsx(lucideReact.ChevronsRight, { className: "h-4 w-4" }), jsxRuntime.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
@@ -175,9 +98,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) {
@@ -380,183 +302,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 jsxRuntime.jsx(jsxRuntime.Fragment, { children: action.render(selectedRows) });
-        }
-        return (jsxRuntime.jsxs(button.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 && jsxRuntime.jsx("span", { className: "mr-2", children: action.icon }), action.label] }));
-    }
-    // Multiple actions - render as dropdown
-    return (jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { asChild: true, children: jsxRuntime.jsxs(button.Button, { variant: variant, size: "default", children: [icon && jsxRuntime.jsx("span", { className: "mr-2", children: icon }), label, jsxRuntime.jsx(lucideReact.ChevronDown, { className: "ml-2 h-4 w-4" })] }) }), jsxRuntime.jsx(dropdownMenu.DropdownMenuContent, { align: "end", children: visibleActions.map((action, index) => {
-                    if (action.render) {
-                        return jsxRuntime.jsx("div", { children: action.render(selectedRows) }, index);
-                    }
-                    return (jsxRuntime.jsxs(dropdownMenu.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 && jsxRuntime.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] = react.useState(config.defaultSort ? [config.defaultSort] : []);
     const [columnFilters, setColumnFilters] = react.useState([]);
@@ -1944,8 +1689,6 @@ exports.DateColumn = DateColumn;
 exports.DropdownColumn = DropdownColumn;
 exports.EmptyStateBuilder = EmptyStateBuilder;
 exports.EnumColumn = EnumColumn;
-exports.HeaderActionGroup = HeaderActionGroup;
-exports.HeaderActions = HeaderActions;
 exports.IconColumn = IconColumn;
 exports.ImageColumn = ImageColumn;
 exports.InputColumn = InputColumn;