@nccirtu/tablefy 0.7.1 → 0.7.3

package/dist/columns/index.js

@@ -1332,6 +1332,100 @@ class ActionsColumn {
     }
 }
 
+class EnumColumn extends BaseColumn {
+    constructor(accessor) {
+        super(accessor);
+        this.config.asBadge = true;
+        this.config.showIcon = true;
+        this.config.iconPosition = "left";
+    }
+    static make(accessor) {
+        return new EnumColumn(accessor);
+    }
+    /**
+     * Define the enum options with labels, icons, and colors
+     */
+    options(options) {
+        this.config.options = options;
+        return this;
+    }
+    /**
+     * Display as plain text instead of badge
+     */
+    asText() {
+        this.config.asBadge = false;
+        return this;
+    }
+    /**
+     * Display as badge (default)
+     */
+    asBadge() {
+        this.config.asBadge = true;
+        return this;
+    }
+    /**
+     * Hide icons
+     */
+    hideIcon() {
+        this.config.showIcon = false;
+        return this;
+    }
+    /**
+     * Show icons (default)
+     */
+    showIcon() {
+        this.config.showIcon = true;
+        return this;
+    }
+    /**
+     * Set icon position
+     */
+    iconPosition(position) {
+        this.config.iconPosition = position;
+        return this;
+    }
+    /**
+     * Placeholder for unknown values
+     */
+    placeholder(placeholder) {
+        this.config.placeholder = placeholder;
+        return this;
+    }
+    build() {
+        const { accessor, label, sortable, options, asBadge, showIcon, iconPosition, placeholder, } = this.config;
+        if (!options || options.length === 0) {
+            throw new Error(`EnumColumn "${String(accessor)}" requires options to be defined`);
+        }
+        return {
+            accessorKey: accessor,
+            header: ({ column }) => {
+                const displayLabel = label || String(accessor);
+                if (!sortable) {
+                    return (jsxRuntime.jsx("span", { className: utils.cn("text-muted-foreground font-medium", this.getAlignmentClass(), this.config.headerClassName), children: displayLabel }));
+                }
+                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 = getValue();
+                // Find matching option
+                const option = options.find((opt) => opt.value === value);
+                // Handle unknown values
+                if (!option) {
+                    return (jsxRuntime.jsx("span", { className: utils.cn("text-muted-foreground", this.getAlignmentClass(), this.config.cellClassName), children: placeholder || "—" }));
+                }
+                const Icon = option.icon;
+                const iconElement = showIcon && Icon ? jsxRuntime.jsx(Icon, { className: "h-4 w-4" }) : null;
+                // Render as Badge
+                if (asBadge) {
+                    return (jsxRuntime.jsx("div", { className: utils.cn(this.getAlignmentClass(), this.config.cellClassName), children: jsxRuntime.jsxs(badge.Badge, { variant: option.color || "default", className: utils.cn("inline-flex items-center gap-1.5", option.className), children: [iconPosition === "left" && iconElement, option.label, iconPosition === "right" && iconElement] }) }));
+                }
+                // Render as plain text with icon
+                return (jsxRuntime.jsxs("div", { className: utils.cn("inline-flex items-center gap-2", this.getAlignmentClass(), this.config.cellClassName, option.className), children: [iconPosition === "left" && iconElement, jsxRuntime.jsx("span", { children: option.label }), iconPosition === "right" && iconElement] }));
+            },
+        };
+    }
+}
+
 exports.ActionsColumn = ActionsColumn;
 exports.AvatarGroupColumn = AvatarGroupColumn;
 exports.BadgeColumn = BadgeColumn;
@@ -1339,6 +1433,7 @@ exports.ButtonColumn = ButtonColumn;
 exports.CheckboxColumn = CheckboxColumn;
 exports.DateColumn = DateColumn;
 exports.DropdownColumn = DropdownColumn;
+exports.EnumColumn = EnumColumn;
 exports.IconColumn = IconColumn;
 exports.ImageColumn = ImageColumn;
 exports.InputColumn = InputColumn;