@nccirtu/tablefy 0.7.1 → 0.7.3

package/dist/index.js

@@ -1598,60 +1598,70 @@ class SelectColumn extends BaseColumn {
     }
 }
 
-class TextColumn extends BaseColumn {
+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 TextColumn(accessor);
+        return new EnumColumn(accessor);
     }
-    formatter(fn) {
-        this.config.formatter = fn;
+    /**
+     * Define the enum options with labels, icons, and colors
+     */
+    options(options) {
+        this.config.options = options;
         return this;
     }
-    prefix(prefix) {
-        this.config.prefix = prefix;
+    /**
+     * Display as plain text instead of badge
+     */
+    asText() {
+        this.config.asBadge = false;
         return this;
     }
-    suffix(suffix) {
-        this.config.suffix = suffix;
+    /**
+     * Display as badge (default)
+     */
+    asBadge() {
+        this.config.asBadge = true;
         return this;
     }
-    placeholder(placeholder) {
-        this.config.placeholder = placeholder;
+    /**
+     * Hide icons
+     */
+    hideIcon() {
+        this.config.showIcon = false;
         return this;
     }
-    // Shortcuts für gängige Formatierungen
-    uppercase() {
-        const existingFormatter = this.config.formatter;
-        this.config.formatter = (value, row) => {
-            const result = existingFormatter ? existingFormatter(value, row) : value;
-            return typeof result === "string"
-                ? result.toUpperCase()
-                : result;
-        };
+    /**
+     * Show icons (default)
+     */
+    showIcon() {
+        this.config.showIcon = true;
         return this;
     }
-    lowercase() {
-        const existingFormatter = this.config.formatter;
-        this.config.formatter = (value, row) => {
-            const result = existingFormatter ? existingFormatter(value, row) : value;
-            return typeof result === "string"
-                ? result.toLowerCase()
-                : result;
-        };
+    /**
+     * Set icon position
+     */
+    iconPosition(position) {
+        this.config.iconPosition = position;
         return this;
     }
-    limit(chars) {
-        const existingFormatter = this.config.formatter;
-        this.config.formatter = (value, row) => {
-            const result = existingFormatter ? existingFormatter(value, row) : value;
-            if (typeof result === "string" && result.length > chars) {
-                return result.slice(0, chars) + "...";
-            }
-            return result;
-        };
+    /**
+     * Placeholder for unknown values
+     */
+    placeholder(placeholder) {
+        this.config.placeholder = placeholder;
         return this;
     }
     build() {
-        const { accessor, label, sortable, prefix, suffix, placeholder, formatter, } = this.config;
+        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 }) => {
@@ -1661,92 +1671,22 @@ class TextColumn 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: ({ row, getValue }) => {
-                let value = getValue();
-                // Custom Formatter anwenden
-                if (formatter) {
-                    value = formatter(value, row);
-                }
-                // Placeholder wenn leer
-                if (value === null || value === undefined || value === "") {
+            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 || "—" }));
                 }
-                // Prefix/Suffix hinzufügen
-                const displayValue = `${prefix || ""}${value}${suffix || ""}`;
-                return (jsxRuntime.jsx("span", { className: utils.cn(this.getAlignmentClass(), this.config.cellClassName), children: displayValue }));
-            },
-        };
-    }
-}
-
-class ActionsColumn {
-    config = {
-        actions: [],
-        label: "Aktionen",
-    };
-    static make() {
-        return new ActionsColumn();
-    }
-    label(label) {
-        this.config.label = label;
-        return this;
-    }
-    triggerIcon(icon) {
-        this.config.triggerIcon = icon;
-        return this;
-    }
-    // Action hinzufügen
-    action(action) {
-        this.config.actions.push(action);
-        return this;
-    }
-    // Shortcuts für gängige Actions
-    view(onClick) {
-        return this.action({ label: "Anzeigen", onClick });
-    }
-    edit(onClick) {
-        return this.action({ label: "Bearbeiten", onClick });
-    }
-    delete(onClick) {
-        return this.action({
-            label: "Löschen",
-            onClick,
-            variant: "destructive",
-            separator: true,
-        });
-    }
-    link(label, href) {
-        return this.action({ label, href });
-    }
-    separator() {
-        if (this.config.actions.length > 0) {
-            this.config.actions[this.config.actions.length - 1].separator = true;
-        }
-        return this;
-    }
-    build() {
-        const { actions, label, triggerIcon } = this.config;
-        return {
-            id: "actions",
-            header: () => jsxRuntime.jsx("span", { className: "sr-only", children: label }),
-            cell: ({ row }) => {
-                const data = row.original;
-                const visibleActions = actions.filter((action) => !action.hidden || !action.hidden(data));
-                if (visibleActions.length === 0)
-                    return null;
-                return (jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { asChild: true, children: jsxRuntime.jsxs(button.Button, { variant: "ghost", className: "h-10 w-10 p-0", children: [jsxRuntime.jsx("span", { className: "sr-only", children: label }), triggerIcon || jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-8 w-8" })] }) }), jsxRuntime.jsx(dropdownMenu.DropdownMenuContent, { align: "end", children: visibleActions.map((action, index) => (jsxRuntime.jsxs("div", { children: [action.render ? (
-                                    // Custom render function takes priority
-                                    action.render(data)) : (
-                                    // Standard menu item
-                                    jsxRuntime.jsxs(dropdownMenu.DropdownMenuItem, { disabled: action.disabled?.(data), className: utils.cn(action.variant === "destructive" &&
-                                            "text-destructive focus:text-destructive"), onClick: () => {
-                                            if (action.href) {
-                                                window.location.href = action.href(data);
-                                            }
-                                            else if (action.onClick) {
-                                                action.onClick(data);
-                                            }
-                                        }, children: [action.icon && (jsxRuntime.jsx("span", { className: "mr-2", children: action.icon })), action.label] })), action.separator && index < visibleActions.length - 1 && (jsxRuntime.jsx(dropdownMenu.DropdownMenuSeparator, {}))] }, index))) })] }));
+                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] }));
             },
         };
     }
@@ -1768,7 +1708,6 @@ function ConfirmProvider({ children }) {
     const currentRequest = queue[0];
     react.useEffect(() => {
         registerConfirm(async (options) => {
-            console.log("ConfirmProvider received options:", options);
             return new Promise((resolve) => {
                 setQueue((q) => [...q, { options, resolve }]);
             });
@@ -1792,7 +1731,6 @@ function ConfirmProvider({ children }) {
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, jsxRuntime.jsx(dialog.Dialog, { open: !!currentRequest, onOpenChange: (open) => !open && handleCancel(), children: jsxRuntime.jsxs(dialog.DialogContent, { children: [jsxRuntime.jsxs(dialog.DialogHeader, { children: [jsxRuntime.jsx(dialog.DialogTitle, { children: currentRequest?.options?.title || "Bestätigung erforderlich" }), currentRequest?.options?.description && (jsxRuntime.jsx(dialog.DialogDescription, { children: currentRequest.options.description }))] }), jsxRuntime.jsxs(dialog.DialogFooter, { children: [jsxRuntime.jsx(button.Button, { variant: "outline", onClick: handleCancel, children: currentRequest?.options.cancelLabel || "Abbrechen" }), jsxRuntime.jsx(button.Button, { variant: currentRequest?.options.variant || "default", onClick: handleConfirm, children: currentRequest?.options.confirmLabel || "Bestätigen" })] })] }) })] }));
 }
 
-exports.ActionsColumn = ActionsColumn;
 exports.AvatarGroupColumn = AvatarGroupColumn;
 exports.BadgeColumn = BadgeColumn;
 exports.ButtonColumn = ButtonColumn;
@@ -1803,6 +1741,7 @@ exports.DataTableSchema = DataTableSchema;
 exports.DateColumn = DateColumn;
 exports.DropdownColumn = DropdownColumn;
 exports.EmptyStateBuilder = EmptyStateBuilder;
+exports.EnumColumn = EnumColumn;
 exports.IconColumn = IconColumn;
 exports.ImageColumn = ImageColumn;
 exports.InputColumn = InputColumn;
@@ -1811,7 +1750,6 @@ exports.NumberColumn = NumberColumn;
 exports.ProgressColumn = ProgressColumn;
 exports.SelectColumn = SelectColumn;
 exports.TableSchema = TableSchema;
-exports.TextColumn = TextColumn;
 exports.avatarGroupColumn = AvatarGroupColumn;
 exports.badgeColumn = BadgeColumn;
 exports.buttonColumn = ButtonColumn;
@@ -1819,9 +1757,7 @@ exports.checkboxColumn = CheckboxColumn;
 exports.confirm = confirm;
 exports.dateColumn = DateColumn;
 exports.dropdownColumn = DropdownColumn;
+exports.enumColumn = EnumColumn;
 exports.iconColumn = IconColumn;
 exports.inputColumn = InputColumn;
-exports.progressColumn = ProgressColumn;
-exports.selectColumn = SelectColumn;
-exports.textColumn = TextColumn;
 //# sourceMappingURL=index.js.map