@nccirtu/tablefy 0.8.2 → 0.8.4

package/dist/columns/index.js

@@ -243,8 +243,18 @@ class BadgeColumn extends BaseColumn {
         this.config.variants = variants;
         return this;
     }
+    // Dynamische Variante basierend auf Row-Daten
+    variantFn(fn) {
+        this.config.variantFn = fn;
+        return this;
+    }
+    // Dynamische className basierend auf Row-Daten
+    classNameFn(fn) {
+        this.config.classNameFn = fn;
+        return this;
+    }
     build() {
-        const { accessor, label, sortable, variants } = this.config;
+        const { accessor, label, sortable, variants, variantFn, classNameFn } = this.config;
         return {
             accessorKey: accessor,
             header: ({ column }) => {
@@ -254,18 +264,31 @@ class BadgeColumn extends BaseColumn {
                 }
                 return (jsxRuntime.jsxs(button.Button, { variant: "table_header", size: "table_header", onClick: () => column.toggleSorting(column.getIsSorted() === "asc"), className: utils.cn("text-muted-foreground font-medium", this.getAlignmentClass(), this.config.headerClassName), children: [displayLabel, jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "ml-2 h-4 w-4" })] }));
             },
-            cell: ({ getValue }) => {
-                const value = String(getValue());
-                const variantConfig = variants?.[value];
-                if (!variantConfig) {
-                    return (jsxRuntime.jsx(badge.Badge, { variant: "outline", className: this.config.cellClassName, children: value }));
+            cell: ({ getValue, row }) => {
+                const value = getValue();
+                const stringValue = String(value);
+                // Priority 1: Dynamic variantFn (highest priority)
+                if (variantFn) {
+                    const dynamicConfig = variantFn(value, row.original);
+                    return (jsxRuntime.jsxs(badge.Badge, { variant: dynamicConfig.variant === "success" ||
+                            dynamicConfig.variant === "warning" ||
+                            dynamicConfig.variant === "info" ||
+                            dynamicConfig.variant === "muted"
+                            ? "default"
+                            : dynamicConfig.variant || "default", className: utils.cn(dynamicConfig.className, classNameFn?.(value, row.original), this.config.cellClassName), children: [dynamicConfig.icon, dynamicConfig.label || stringValue] }));
+                }
+                // Priority 2: Static variants lookup
+                const variantConfig = variants?.[stringValue];
+                if (variantConfig) {
+                    return (jsxRuntime.jsxs(badge.Badge, { variant: variantConfig.variant === "success" ||
+                            variantConfig.variant === "warning" ||
+                            variantConfig.variant === "info" ||
+                            variantConfig.variant === "muted"
+                            ? "default"
+                            : variantConfig.variant || "default", className: utils.cn(variantConfig.className, classNameFn?.(value, row.original), this.config.cellClassName), children: [variantConfig.icon, variantConfig.label || stringValue] }));
                 }
-                return (jsxRuntime.jsxs(badge.Badge, { variant: variantConfig.variant === "success" ||
-                        variantConfig.variant === "warning" ||
-                        variantConfig.variant === "info" ||
-                        variantConfig.variant === "muted"
-                        ? "default"
-                        : variantConfig.variant || "default", className: utils.cn(variantConfig.className, this.config.cellClassName), children: [variantConfig.icon, variantConfig.label || value] }));
+                // Priority 3: Default badge with optional dynamic className
+                return (jsxRuntime.jsx(badge.Badge, { variant: "outline", className: utils.cn(classNameFn?.(value, row.original), this.config.cellClassName), children: stringValue }));
             },
         };
     }