@nccirtu/tablefy 0.1.7 → 0.2.0

package/dist/index.js

@@ -7835,21 +7835,193 @@ function DataTablePagination({ table, config, className, }) {
     return (jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-4 px-4 py-4 sm:flex-row sm:items-center sm:justify-between", className), children: [jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: table.getFilteredSelectedRowModel().rows.length > 0 ? (jsxRuntime.jsxs("span", { children: [table.getFilteredSelectedRowModel().rows.length, " von", " ", table.getFilteredRowModel().rows.length, " Zeile(n) ausgew\u00E4hlt"] })) : showPageInfo ? (jsxRuntime.jsxs("span", { children: [table.getFilteredRowModel().rows.length, " Eintr\u00E4ge"] })) : null }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:gap-6", children: [showPageSizeSelector && (jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: "Zeilen pro Seite" }), jsxRuntime.jsxs(Select, { value: `${table.getState().pagination.pageSize}`, onValueChange: (value) => table.setPageSize(Number(value)), children: [jsxRuntime.jsx(SelectTrigger, { className: "h-8 w-[70px]", children: jsxRuntime.jsx(SelectValue, { placeholder: table.getState().pagination.pageSize }) }), jsxRuntime.jsx(SelectContent, { side: "top", children: pageSizeOptions.map((pageSize) => (jsxRuntime.jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize))) })] })] })), showPageInfo && (jsxRuntime.jsxs("div", { className: "text-sm text-muted-foreground whitespace-nowrap", children: ["Seite ", table.getState().pagination.pageIndex + 1, " von", " ", table.getPageCount()] })), jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [jsxRuntime.jsxs(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, { 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, { 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, { 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 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,
+        };
     }
 }
 
@@ -7925,6 +8097,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, }) {