@appcorp/shadcn 1.0.24 → 1.0.26

package/components/enhanced-table.d.ts

@@ -49,7 +49,7 @@ export interface EnhancedTableProps {
     tableBodyCols: Array<{
         key?: string | string[];
         componentType: COMPONENT_TYPE | string;
-        textFormatter?: (value: unknown) => React.ReactNode;
+        textFormatter?: (value: unknown, row: unknown) => React.ReactNode;
     }>;
     tableHeading: string;
     tableDescription?: string;

package/components/enhanced-table.js

@@ -19,7 +19,6 @@ exports.EnhancedTable = exports.COMPONENT_TYPE = void 0;
 var react_1 = __importDefault(require("react"));
 var lucide_react_1 = require("lucide-react");
 var table_1 = require("./table");
-var button_1 = require("./button");
 var dropdown_menu_1 = require("./dropdown-menu");
 var utils_1 = require("../lib/utils");
 var enhanced_table_footer_action_1 = require("./enhanced-table-footer-action");
@@ -115,8 +114,7 @@ var EnhancedTable = function (_a) {
         if (normalizedType === COMPONENT_TYPE.ACTIONS) {
             return (react_1.default.createElement(dropdown_menu_1.DropdownMenu, null,
                 react_1.default.createElement(dropdown_menu_1.DropdownMenuTrigger, { asChild: true },
-                    react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon" },
-                        react_1.default.createElement(lucide_react_1.MoreHorizontal, { className: "h-4 w-4" }))),
+                    react_1.default.createElement(lucide_react_1.MoreHorizontal, { className: "h-4 w-4" })),
                 react_1.default.createElement(dropdown_menu_1.DropdownMenuContent, { align: "end" }, rowActions
                     .filter(function (action) { return action.enabled !== false; })
                     .sort(function (a, b) { return (a.order || 0) - (b.order || 0); })
@@ -152,9 +150,28 @@ var EnhancedTable = function (_a) {
                     ? "bg-green-500 hover:bg-green-600"
                     : "bg-red-500 hover:bg-red-600") }, isTrue ? labels.booleanYes : labels.booleanNo));
         }
-        // OBJECT => nested property path supplied as array of strings (max length 3)
+        // OBJECT => nested property path supplied as array of strings OR colon-separated string
+        // e.g., "category:name" => row.category.name, "user:profile:bio" => row.user.profile.bio
         if (normalizedType === COMPONENT_TYPE.OBJECT) {
-            var nested = resolveValue(row, col.key);
+            var nested = void 0;
+            // Check if key is a colon-separated string for nested access
+            if (typeof col.key === "string" && col.key.includes(":")) {
+                var keys = col.key.split(":");
+                var cur = row;
+                for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
+                    var k = keys_1[_i];
+                    if (cur == null || typeof cur !== "object") {
+                        nested = undefined;
+                        break;
+                    }
+                    cur = cur[k];
+                }
+                nested = cur;
+            }
+            else {
+                // Fallback to array-based path or single key
+                nested = resolveValue(row, col.key);
+            }
             // If nested is primitive, show it. If object, stringify first-level value.
             if (nested == null)
                 return react_1.default.createElement("span", null, "");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/shadcn",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "scripts": {
     "build:next": "next build",
     "build:storybook": "storybook build -c .storybook -o .out",