@appcorp/stellar-solutions-modules 0.1.41 → 0.1.42

package/components/ui/enhanced-table.d.ts

@@ -3,7 +3,17 @@ export interface TableColumn {
     key?: string;
     label: string;
     width?: string;
-    componentType?: "ID" | "BOLD_TEXT" | "TEXT" | "ACTIONS";
+    componentType?: COMPONENT_TYPE | string;
+}
+export declare enum COMPONENT_TYPE {
+    ID = "ID",
+    BOLD_TEXT = "BOLD_TEXT",
+    TEXT = "TEXT",
+    OBJECT = "OBJECT",
+    MULTIPLE_TEXT_LINES = "MULTIPLE_TEXT_LINES",
+    CREATED_UPDATED_AT = "CREATED_UPDATED_AT",
+    ACTIONS = "ACTIONS",
+    BOOLEAN = "BOOLEAN"
 }
 export interface TableRow extends Record<string, unknown> {
     id?: string;
@@ -37,8 +47,8 @@ export interface EnhancedTableProps {
     tableHeadItems: TableColumn[];
     tableBodyRows: TableRow[];
     tableBodyCols: Array<{
-        key: string;
-        componentType: string;
+        key?: string | string[];
+        componentType: COMPONENT_TYPE | string;
     }>;
     tableHeading: string;
     tableDescription?: string;

package/components/ui/enhanced-table.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhancedTable = void 0;
+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");
@@ -18,10 +18,75 @@ var popover_1 = require("./popover");
 var enhanced_table_header_action_1 = require("./enhanced-table-header-action");
 var enhanced_table_header_search_1 = require("./enhanced-table-header-search");
 var badge_1 = require("./badge");
+// Centralized component type values for table cell rendering
+var COMPONENT_TYPE;
+(function (COMPONENT_TYPE) {
+    COMPONENT_TYPE["ID"] = "ID";
+    COMPONENT_TYPE["BOLD_TEXT"] = "BOLD_TEXT";
+    COMPONENT_TYPE["TEXT"] = "TEXT";
+    COMPONENT_TYPE["OBJECT"] = "OBJECT";
+    COMPONENT_TYPE["MULTIPLE_TEXT_LINES"] = "MULTIPLE_TEXT_LINES";
+    COMPONENT_TYPE["CREATED_UPDATED_AT"] = "CREATED_UPDATED_AT";
+    COMPONENT_TYPE["ACTIONS"] = "ACTIONS";
+    COMPONENT_TYPE["BOOLEAN"] = "BOOLEAN";
+})(COMPONENT_TYPE || (exports.COMPONENT_TYPE = COMPONENT_TYPE = {}));
 var EnhancedTable = function (_a) {
     var currentPage = _a.currentPage, handleNextOnClick = _a.handleNextOnClick, handleOnSelect = _a.handleOnSelect, handlePreviousOnClick = _a.handlePreviousOnClick, handleSearchInput = _a.handleSearchInput, headerActions = _a.headerActions, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, listOptions = _a.listOptions, loading = _a.loading, _b = _a.nodeSelectKey, nodeSelectKey = _b === void 0 ? "pageLimit" : _b, pageLimit = _a.pageLimit, rowActions = _a.rowActions, _c = _a.searchDisabled, searchDisabled = _c === void 0 ? false : _c, _d = _a.searchEnabled, searchEnabled = _d === void 0 ? true : _d, _e = _a.searchId, searchId = _e === void 0 ? "table-search" : _e, _f = _a.searchPlaceholder, searchPlaceholder = _f === void 0 ? "Search..." : _f, searchValue = _a.searchValue, tableBodyCols = _a.tableBodyCols, tableBodyRows = _a.tableBodyRows, tableDescription = _a.tableDescription, tableHeading = _a.tableHeading, tableHeadItems = _a.tableHeadItems, totalPages = _a.totalPages;
     var renderCellContent = function (row, col) {
-        var value = row[col.key];
+        var _a, _b;
+        // Helper to safely resolve nested keys (max depth 3)
+        var resolveValue = function (source, key) {
+            if (!key)
+                return source;
+            if (typeof key === "string") {
+                if (source && typeof source === "object")
+                    return source[key];
+                return undefined;
+            }
+            // array of keys
+            var path = key.slice(0, 3); // enforce max depth 3
+            var cur = source;
+            for (var _i = 0, path_1 = path; _i < path_1.length; _i++) {
+                var k = path_1[_i];
+                if (cur == null)
+                    return undefined;
+                if (typeof cur !== "object")
+                    return undefined;
+                cur = cur[k];
+            }
+            return cur;
+        };
+        var getProp = function (obj, prop) {
+            if (obj &&
+                typeof obj === "object" &&
+                prop in obj)
+                return obj[prop];
+            return undefined;
+        };
+        // Resolve value (supports nested key arrays)
+        var value = resolveValue(row, col.key);
+        // Normalize componentType so external string enums (like VISTA_TABLE_CELL_TYPE)
+        // remain compatible with this table. Unknown/unsupported types fall back to TEXT.
+        var normalizeComponentType = function (c) {
+            var _a;
+            if (!c)
+                return undefined;
+            if (Object.values(COMPONENT_TYPE).includes(c))
+                return c;
+            // Map common external values to our ComponentType using object notation
+            var MAP = {
+                ID: COMPONENT_TYPE.ID,
+                BOLD_TEXT: COMPONENT_TYPE.BOLD_TEXT,
+                BOOLEAN: COMPONENT_TYPE.BOOLEAN,
+                ACTIONS: COMPONENT_TYPE.ACTIONS,
+                TEXT: COMPONENT_TYPE.TEXT,
+                OBJECT: COMPONENT_TYPE.OBJECT,
+                MULTIPLE_TEXT_LINES: COMPONENT_TYPE.MULTIPLE_TEXT_LINES,
+                CREATED_UPDATED_AT: COMPONENT_TYPE.CREATED_UPDATED_AT,
+            };
+            return (_a = MAP[String(c)]) !== null && _a !== void 0 ? _a : COMPONENT_TYPE.TEXT;
+        };
+        var normalizedType = normalizeComponentType(col.componentType);
         if (col.key === "action") {
             return (react_1.default.createElement(dropdown_menu_1.DropdownMenu, null,
                 react_1.default.createElement(dropdown_menu_1.DropdownMenuTrigger, { asChild: true },
@@ -39,7 +104,7 @@ var EnhancedTable = function (_a) {
                             action.handleAction(row.id);
                     } }, action.label)); }))));
         }
-        if (col.componentType === "ID") {
+        if (normalizedType === COMPONENT_TYPE.ID) {
             return (react_1.default.createElement(popover_1.Popover, null,
                 react_1.default.createElement(popover_1.PopoverTrigger, { asChild: true },
                     react_1.default.createElement("span", { className: "text-xs text-muted-foreground font-mono" }, typeof value === "string"
@@ -48,15 +113,59 @@ var EnhancedTable = function (_a) {
                 react_1.default.createElement(popover_1.PopoverContent, null,
                     react_1.default.createElement("span", { className: "text-xs text-muted-foreground font-mono" }, String(value)))));
         }
-        if (col.componentType === "BOLD_TEXT") {
+        if (normalizedType === COMPONENT_TYPE.BOLD_TEXT) {
             return react_1.default.createElement("span", { className: "font-semibold" }, String(value || ""));
         }
-        if (col.componentType === "BOOLEAN") {
+        if (normalizedType === COMPONENT_TYPE.BOOLEAN) {
             var isTrue = Boolean(value);
             return (react_1.default.createElement(badge_1.Badge, { variant: "secondary", className: (0, utils_1.cn)("text-white font-medium", isTrue
                     ? "bg-green-500 hover:bg-green-600"
                     : "bg-red-500 hover:bg-red-600") }, isTrue ? "Yes" : "No"));
         }
+        // OBJECT => nested property path supplied as array of strings (max length 3)
+        if (normalizedType === COMPONENT_TYPE.OBJECT) {
+            var 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, "");
+            if (typeof nested === "object") {
+                // Render primitive values inside object or JSON fallback
+                var primitive = typeof nested === "object"
+                    ? // try to find a primitive child
+                        Object.values(nested).find(function (v) {
+                            return ["string", "number", "boolean"].includes(typeof v);
+                        })
+                    : nested;
+                return react_1.default.createElement("span", null, String(primitive !== null && primitive !== void 0 ? primitive : JSON.stringify(nested)));
+            }
+            return react_1.default.createElement("span", null, String(nested));
+        }
+        // MULTIPLE_TEXT_LINES => col.key is an array of keys, render up to 3 lines
+        if (normalizedType === COMPONENT_TYPE.MULTIPLE_TEXT_LINES) {
+            var keys = Array.isArray(col.key) ? col.key : [];
+            var lines = keys.slice(0, 3).map(function (k) {
+                var v = resolveValue(row, k);
+                return v == null ? "" : String(v);
+            });
+            return (react_1.default.createElement("div", { className: "flex flex-col" }, lines.map(function (line, idx) { return (react_1.default.createElement("span", { key: idx, className: "text-sm" }, line)); })));
+        }
+        // CREATED_UPDATED_AT => show createdAt and updatedAt from the object (or nested object)
+        if (normalizedType === COMPONENT_TYPE.CREATED_UPDATED_AT) {
+            var target = resolveValue(row, col.key);
+            var created = (_a = getProp(target, "createdAt")) !== null && _a !== void 0 ? _a : getProp(row, "createdAt");
+            var updated = (_b = getProp(target, "updatedAt")) !== null && _b !== void 0 ? _b : getProp(row, "updatedAt");
+            var fmt = function (d) {
+                if (d == null)
+                    return "";
+                var date = d instanceof Date ? d : new Date(String(d));
+                if (isNaN(date.getTime()))
+                    return String(d);
+                return date.toLocaleString();
+            };
+            return (react_1.default.createElement("div", { className: "flex flex-col text-sm text-muted-foreground" },
+                react_1.default.createElement("span", null, fmt(created)),
+                react_1.default.createElement("span", null, fmt(updated))));
+        }
         return react_1.default.createElement("span", null, String(value || ""));
     };
     // Create loading skeleton rows

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/stellar-solutions-modules",
-  "version": "0.1.41",
+  "version": "0.1.42",
   "scripts": {
     "automate": "./automate.sh",
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib && cp yarn.lock lib",